Ultimele tutoriale de dezvoltare web
×

CSS Referinţă

CSS Referinţă CSS selectori CSS funcţii CSS Referință audio CSS Safe Web Fonts CSS Animatable CSS Unități CSS Convertor PX-EM CSS colorate CSS Culoare valori CSS3 Suport pentru browser

CSS Proprietăți

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

CSS de referință


Notă referință CSS w3ii“este testat în mod regulat cu toate browserele majore.


Proprietăți CSS

Grupuri de proprietate CSS


"CSS" coloana indică , în care versiunea CSS proprietatea este definită (CSS1, CSS2, or CSS3) .

Proprietăți de culoare

Proprietate Descriere CSS
color Setează culoarea textului 1
opacity Setează nivelul de opacitate pentru un element 3

Context și frontieră Proprietăți

Proprietate Descriere CSS
background O proprietate prescurtare pentru stabilirea tuturor proprietăților de fond într-o singură declarație 1
background-attachment Setează dacă o imagine de fundal este fix sau pergamente cu restul paginii 1
background-blend-mode Specifică modul de amestecare a fiecărui strat de fundal (color/image)
background-color Specifică culoarea de fundal a unui element 1
background-image Specifică una sau mai multe imagini de fundal pentru un element 1
background-position Specifică poziția unei imagini de fundal 1
background-repeat Setează modul în care o imagine de fundal se va repeta 1
background-clip Specifică zona de vopsire a fundalului 3
background-origin Specifică unde fundalul image(s) este / sunt poziționate 3
background-size Specifică dimensiunea fundalului image(s) 3
border Setează toate proprietățile de frontieră într-o singură declarație 1
border-bottom Setează toate proprietățile de frontieră de fund într-o singură declarație 1
border-bottom-color Setează culoarea frontierei de jos
border-bottom-left-radius Definește forma marginea colțul din stânga-jos 3
border-bottom-right-radius Definește forma marginii colțul din dreapta jos 3
border-bottom-style Setează stilul de frontiera de jos 1
border-bottom-width Setează lățimea marginii de jos 1
border-color Setează culoarea celor patru frontierelor 1
border-image O proprietate prescurtare pentru stabilirea tuturor proprietăților * transfrontaliere image- 3
border-image-outset Specifică suma cu care zona de frontieră a imaginii se extinde dincolo de caseta de frontieră 3
border-image-repeat Specifică dacă imaginea de frontieră ar trebui să fie repetate, rotunjite sau întins 3
border-image-slice Specifică modul în care să taie imaginea de frontieră 3
border-image-source Specifică calea către imaginea care urmează să fie folosit ca un chenar 3
border-image-width Specifică lățimilor imaginii frontierei 3
border-left Setează toate proprietățile de frontieră rămase într-o singură declarație 1
border-left-color Setează culoarea frontierei de stânga 1
border-left-style Setează stilul de frontiera din stânga 1
border-left-width Setează lățimea marginii din stânga 1
border-radius O proprietate prescurtare pentru setarea tuturor celor patru frontiera - * - proprietăți rază 3
border-right Setează toate proprietățile chenarul din dreapta într-o singură declarație 1
border-right-color Setează culoarea marginea dreaptă 1
border-right-style Setează stilul de marginea dreaptă 1
border-right-width Setează lățimea marginii din dreapta 1
border-style Setează stilul de patru frontierelor 1
border-top Setează toate proprietățile de frontieră de top într-o singură declarație 1
border-top-color Setează culoarea marginea de sus 1
border-top-left-radius Definește forma marginii colțul din stânga sus 3
border-top-right-radius Definește forma marginii colțul din dreapta sus 3
border-top-style Setează stilul de marginea de sus 1
border-top-width Setează lățimea marginii de sus 1
border-width Setează lățimea celor patru frontiere 1
box-decoration-break Setează comportamentul fundal și marginea unui element de la pagina-break, sau, pentru elemente în linie, la linia-break. 3
box-shadow Atașează una sau mai multe abandonuri umbre la caseta 3

Casetă de Proprietăți

Proprietate Descriere CSS
bottom Specifică poziția de jos a unui element poziționat 2
clear Specifică laturile unui element în care alte elemente plutitoare nu sunt permise 1
clip Clips un element de pozitionat absolut 2
display Specifică modul în care ar trebui să fie afișat un anumit element HTML 1
float Specifică dacă este sau nu o cutie ar trebui să plutească 1
height Setează înălțimea unui element 1
left Specifică poziția din stânga a unui element poziționat 2
margin Setează toate proprietățile marja într-o singură declarație 1
margin-bottom Setează marginea de jos a unui element 1
margin-left Setează marginea din stânga a unui element 1
margin-right Setează marginea din dreapta a unui element 1
margin-top Setează marginea de sus a unui element 1
max-height Setează înălțimea maximă a unui element 2
max-width Setează lățimea maximă a unui element 2
min-height Setează înălțimea minimă a unui element 2
min-width Setează lățimea minimă a unui element 2
overflow
Specifică ce se întâmplă în cazul în care conținutul debordează caseta unui element 2
overflow-x Specifică dacă este sau nu să decupați stânga / marginile din dreapta ale conținutului, în cazul în care deversează zona de conținut elementului 3
overflow-y Specifică dacă este sau nu să decupați marginile de sus / jos ale conținutului, în cazul în care deversează zona de conținut elementului 3
padding Setează toate proprietățile de umplutură într-o singură declarație 1
padding-bottom Setează capitonarea partea de jos a unui element 1
padding-left Setează capitonarea stângă a unui element 1
padding-right Setează capitonarea drept al unui element 1
padding-top Setează căptușeala de sus a unui element 1
position Specifică tipul metodei de poziționare utilizate pentru un element (static, relative, absolute sau fixe) 2
right Specifică poziția corectă a unui element poziționat 2
top Specifică poziția superioară a unui element poziționat 2
visibility Specifică dacă este sau nu un element este vizibil 2
width Setează lățimea unui element 1
vertical-align Setează alinierea verticală a unui element 1
z-index Setează ordinea stiva unui element poziționat 2

Aspect flexibil Caseta

Proprietate Descriere CSS
align-content Specifică alinierea între liniile din interiorul unui container flexibil, în cazul în care elementele nu folosesc tot spațiul disponibil 3
align-items Specifică alinierea pentru elementele din interiorul unui container flexibil 3
align-self Specifică alinierea pentru elementele selectate din interiorul unui container flexibil 3
flex Specifică lungimea elementului, în raport cu restul 3
flex-basis Specifică lungimea inițială a unui element flexibil 3
flex-direction Specifică direcția elementelor flexibile 3
flex-flow O proprietate prescurtare pentru flex-direcția și proprietățile flex-wrap 3
flex-grow Specifică cât de mult elementul va crește în raport cu restul 3
flex-shrink Specifică modul în care elementul va micșora în raport cu restul 3
flex-wrap Specifică dacă elementele flexibile trebuie să înveliți sau nu 3
justify-content Specifică alinierea între elementele din interiorul unui container flexibil, în cazul în care elementele nu folosesc tot spațiul disponibil 3
order Setează ordinea elementului flexibil, în raport cu restul 3

Proprietăți text

Proprietate Descriere CSS
hanging-punctuation Specifică dacă un caracter de punctuație poate fi plasat în afara cutiei liniei 3
hyphens Setează modul în care să împartă cuvinte pentru a îmbunătăți aspectul paragrafelor 3
letter-spacing Mărește sau micșorează spațiul dintre caractere într-un text 1
line-break Specifică modul în care / în cazul în care pentru a rupe liniile 3
line-height Setează înălțimea liniei 1
overflow-wrap Specifică dacă browser-ul poate rupe liniile în termen de cuvinte, în scopul de a preveni preaplin (atunci când un șir de caractere este prea lung pentru a se potrivi caseta de conținut) 3
tab-size Specifică lungimea tab-caracterul 3
text-align Specifică alinierea orizontală a textului 1
text-align-last Descrie modul în care ultima linie a unui bloc sau a unui drept linie înainte de o linie de pauza fortata este aliniat atunci când text-align este "justify" 3
text-combine-upright Specifică combinație de mai multe caractere în spațiul unui singur caracter 3
text-indent Specifică indentarea primei linii într-un text-bloc 1
text-justify Specifică metoda de justificare folosită atunci când text-align este "justify" 3
text-transform Controlează valorificarea textului 1
white-space Specifică modul în care este manipulat alb-spațiu în interiorul unui element 1
word-break Specifică regulile de rupere de linie pentru script-uri non-CJK 3
word-spacing Crește sau micșorează spațiul dintre cuvinte într-un text 1
word-wrap Permite cuvinte lungi, incasabile să fie rupte și înfășurați la linia următoare 3

Proprietăți text decorare

Proprietate Descriere CSS
text-decoration Specifică decorarea adăugată în text 1
text-decoration-color Specifică culoarea textului Decorarea 3
text-decoration-line Specifică tipul de linie într-un text-decoration 3
text-decoration-style Specifică stilul liniei într-un decor de text 3
text-shadow Adaugă umbra la text 3
text-underline-position Specifică poziția de subliniere, care este setată folosind proprietatea text-decor 3

Proprietăți de fonturi

Proprietate Descriere CSS
@font-face O regulă care permite site - uri web pentru a descărca și de a folosi alte fonturi decât "web-safe" fonturi 3
@font-feature-values Permite autorilor să folosească un nume comun în font-variantă-alternativă pentru caracteristica activat în mod diferit în OpenType 3
font Setează toate proprietățile de fonturi într-o singură declarație 1
font-family Specifică familia de fonturi pentru text 1
font-feature-settings Permite controlul asupra caracteristici tipografic avansate în fonturi OpenType 3
font-kerning Controlează utilizarea informațiilor kerning (how letters are spaced) 3
font-language-override Controlează utilizarea hieroglife specifice limbii într-un tip de caractere 3
font-size Specifică dimensiunea fontului textului 1
font-size-adjust Mentine lizibilitatea textului atunci când are loc font de rezervă 3
font-stretch Selectează un condensat, sau a feței normală, extins de la o familie de fonturi 3
font-style Specifică stilul fontului pentru text 1
font-synthesis Controale care lipsesc typeface (bold or italic) pot fi sintetizați de către browser 3
font-variant Specifică dacă este sau nu un text ar trebui să fie afișat într-un font mic-caps 1
font-variant-alternates Controlează utilizarea glifuri alternative asociate numelor alternative definite în @ font-feature-valori 3
font-variant-caps Controlează utilizarea hieroglife alternative pentru litere majuscule 3
font-variant-east-asian Controlează utilizarea hieroglife alternative pentru script-uri din Asia de Est (de exemplu, japoneză și chineză) 3
font-variant-ligatures Controale care ligaturi și formele contextuale sunt utilizate în conținutul textual elementele pe care le aplică 3
font-variant-numeric Controlează utilizarea glife alternative pentru numere, fracții și markeri ordinale 3
font-variant-position Controlează utilizarea glife alternative de dimensiuni mai mici, poziționate ca sau coborât cu privire la linia de bază a fontului 3
font-weight Specifică greutatea unui font 1

Scrierea Moduri Proprietăți

Proprietate Descriere CSS
direction Specifică direcția textului / direcția de scris 2
text-orientation Definește orientarea textului într-o linie 3
text-combine-upright Specifică combinație de mai multe caractere în spațiul unui singur caracter 3
unicode-bidi Folosit împreună cu direcția de proprietate pentru a seta sau a reveni dacă textul ar trebui să fie ignorate pentru a sprijini mai multe limbi în același document 2
writing-mode3

Proprietățile tabelului

Proprietate Descriere CSS
border-collapse Specifică dacă este sau nu frontierele de masă ar trebui sa prăbușit 2
border-spacing Specifică distanța dintre marginile celulelor adiacente 2
caption-side Specifică plasarea unui tabel de legendă 2
empty-cells Specifică dacă se afișează sau nu frontiere și de fundal pe celulele goale într-un tabel 2
table-layout Setează algoritmul de aspect care urmează să fie utilizat pentru un tabel 2

Liste și contoare Proprietăți

Proprietate Descriere CSS
counter-increment Incrementele unul sau mai multe contoare 2
counter-reset Creează sau resetează unul sau mai multe contoare 2
list-style Setează toate proprietățile pentru o listă într-o singură declarație 1
list-style-image Specifică o imagine ca marcator listă de element 1
list-style-position Specifică dacă ar trebui să apară marcatorii lista de elemente din interiorul sau în afara fluxului de conținut 1
list-style-type Specifică tipul de marcator listă de element 1

Proprietăți de animație

Proprietate Descriere CSS
@keyframes Specifică codul de animație 3
animation O proprietate prescurtare pentru toate proprietățile de animație (cu excepția celor de animație-play-stat și animație-fill-mode) 3
animation-delay Specifică o întârziere pentru începerea unei animații 3
animation-direction Specifică dacă este sau nu ar trebui să joace animație în sens invers pe cicluri alternative 3
animation-duration Specifică cât de multe secunde sau milisecunde ia o animație pentru a finaliza un ciclu 3
animation-fill-mode Specifică un stil pentru elementul atunci când animația nu se joacă (when it is finished, or when it has a delay) 3
animation-iteration-count Specifică numărul de ori o animație ar trebui să fie jucate 3
animation-name Specifică numele animației @keyframes 3
animation-play-state Specifică dacă animația se execută sau întrerupte 3
animation-timing-function Specifică curba de viteză de o animație 3

Transform Properties

Proprietate Descriere CSS
backface-visibility Definește dacă este sau nu un element trebuie să fie vizibilă atunci când nu se confruntă ecranul 3
perspective Specifică perspectiva asupra modului elementelor 3D sunt vizualizate 3
perspective-origin Specifică poziția de jos a elementelor 3D 3
transform Se aplică o transformare 2D sau 3D la un element 3
transform-origin Vă permite să schimbați poziția pe elementele transformate 3
transform-style Specifică modul în care elementele imbricate sunt redate în spațiu 3D 3

Racoarde Proprietăți

Proprietate Descriere CSS
transition O proprietate prescurtare pentru stabilirea celor patru proprietăți de tranziție 3
transition-property Specifică numele proprietății CSS efectul de tranziție este 3
transition-duration Specifică cât de multe secunde sau milisecunde un efect de tranziție ia pentru a finaliza 3
transition-timing-function Specifică curba de viteză a efectului de tranziție 3
transition-delay Specifică când efectul de tranziție va începe 3

Proprietăți de bază User Interface

Proprietate Descriere CSS
box-sizing Spune browser - ului ce proprietățile de dimensionare (width and height) ar trebui să includă 3
content Folosit cu: înainte și: după pseudo-elementele, pentru a insera conținutul generat 2
cursor Specifică tipul de cursor care urmează să fie afișat 2
ime-mode Controlează starea de editor metoda de introducere pentru câmpurile de text 3
nav-down Specifică în cazul în care pentru a naviga atunci când se utilizează tasta de navigare săgeată în jos 3
nav-index Specifică ordinea pentru un element de tab 3
nav-left Specifică în cazul în care pentru a naviga atunci când se utilizează tasta de navigare din stânga-săgeată 3
nav-right Specifică în cazul în care pentru a naviga atunci când se utilizează tasta de navigare săgeată dreapta 3
nav-up Specifică în cazul în care pentru a naviga atunci când se utilizează tasta de navigare săgeată în sus 3
outline Setează toate proprietățile contur într-o singură declarație 2
outline-color Setează culoarea o schiță 2
outline-offset Decalează o schiță, și atrage-l dincolo de marginea de frontieră 3
outline-style Setează stilul unui contur 2
outline-width Setează lățimea unui contur 2
resize Specifică dacă este sau nu un element este redimensionabilă de către utilizator 3
text-overflow Specifică ce ar trebui să se întâmple atunci când textul deversează elementul care conține 3

Proprietăți Aspect mai multe coloane

Proprietate Descriere CSS
break-after Specifică web-, column-, sau comportamentul regiunii secesioniste după caseta generată 3
break-before Specifică web-, column-, sau comportamentul regiunii secesioniste înainte de caseta generată 3
break-inside Specifică web-, column-, sau comportamentul regiunii secesioniste în interiorul casetei generate 3
column-count Specifică numărul de coloane element trebuie să fie împărțită în 3
column-fill Specifică modul de completare coloane 3
column-gap Specifică diferența dintre coloanele 3
column-rule O proprietate prescurtare pentru stabilirea tuturor proprietăților coloane rule- * 3
column-rule-color Specifică culoarea regula între coloane 3
column-rule-style Specifică stilul regulii între coloane 3
column-rule-width Specifică lățimea regulii între coloane 3
column-span Specifică câte un element de coloane ar trebui sa acopere întreaga 3
column-width Specifică lățimea coloanelor 3
columns O proprietate prescurtare pentru stabilirea coloană lățime și coloană de numărare 3
widows Setează numărul minim de linii care trebuie să fie lăsate în partea de sus a unei pagini atunci când se produce o întrerupere de pagină în interiorul unui element 2

Paged Media

Proprietate Descriere CSS
orphans Setează numărul minim de linii care trebuie să fie lăsate în partea de jos a unei pagini atunci când se produce o întrerupere de pagină în interiorul unui element 2
page-break-after Setează comportamentul de pagini de rupere după un element 2
page-break-before Setează comportamentul de pagini de rupere înaintea unui element 2
page-break-inside Setează comportamentul de pagini de rupere în interiorul unui element 2

Conținut generat pentru Paged Media

Proprietate Descriere CSS
marks Adaugă cultură și / sau mărci transversale la documentul 3
quotes Setează tipul de ghilimele pentru citate încorporate 2

Proprietăți Efecte de filtrare

Proprietate Descriere CSS
filter Defineste efecte (eg blurring or color shifting) de (eg blurring or color shifting) , (eg blurring or color shifting) care (eg blurring or color shifting) pe un element înainte de a fi afișat elementul 3

Valori de imagine și conținut înlocuit

Proprietate Descriere CSS
image-orientation Specifică o rotație în direcția corectă sau acelor de ceasornic ca un agent utilizator se aplică o imagine (Această proprietate este probabil va fi depreciată și funcționalitatea sa mutat în HTML) 3
image-rendering Oferă un indiciu pentru browser-ul despre ce aspecte ale unei imagini sunt cele mai importante pentru a păstra atunci când imaginea este scalată 3
image-resolution Specifică rezoluția intrinsecă a tuturor imaginilor raster utilizate în / pe elementul 3
object-fit Specifică modul în care conținutul unui element înlocuit trebuie să fie montat pe cutia stabilită prin înălțimea sa utilizat și lățime 3
object-position Specifică alinierea elementului înlocuit în interiorul său cutie 3

Mascarea Proprietăți

Proprietate Descriere CSS
mask3
mask-type3

Proprietăți de vorbire

Proprietate Descriere CSS
mark O proprietate prescurtare pentru stabilirea proprietăților mark-înainte și după marca 3
mark-after Permite markeri numite să fie atașat la fluxul audio 3
mark-before Permite markeri numite să fie atașat la fluxul audio 3
phonemes Specifică o pronunție fonetică pentru textul conținut de elementul corespunzător 3
rest O proprietate prescurtare pentru stabilirea odihnă înainte și după odihnă, proprietățile 3
rest-after Specifică o odihnă sau limită prozodică care trebuie respectate după ce a vorbit conținutul unui element 3
rest-before Specifică o odihnă sau limită prozodică care trebuie respectate înainte de a vorbi conținutul unui element 3
voice-balance Specifică echilibrul dintre canalele stânga și dreapta 3
voice-duration Specifică cât timp ar trebui să ia pentru a reda conținutul elementului selectat 3
voice-pitch Specifică teren medie (a frequency) a vocii vorbind 3
voice-pitch-range Specifică variație în smoală medie 3
voice-rate Controlează viteza de vorbire 3
voice-stress Indică faptul că puterea de accent care urmează să fie aplicată 3
voice-volume Se referă la amplitudinea ieșirii formei de undă de sintetizeaza vorbire 3

Proprietăți marquee

Proprietate Descriere CSS
marquee-direction Setează direcția de mișcare a conținutului 3
marquee-play-count Seturile de câte ori Tecerea de conținut 3
marquee-speed Setează cât de repede sulurile de conținut 3
marquee-style Setează stilul de conținut în mișcare 3