Ghidul CSS

Cele mai necesare

dimensiunea textului text cursiv text îngroșat spațiere între rânduri familia (tipul) fontului prescurtare pentru font aliniat alinierea textului

Rare

subliniere / supralinier / linie prin text poziția liniei la text tipul liniei la text culoarea liniei la text schimbarea casei litere mici majuscule font personalizat controlul dimensiunii fontului spațiu între litere spațiu între cuvinte alinierea ultimului rând aliniere verticală aspectul ghilimelelor kerning-ul fontului culoarea de umplere a simbolurilor textului orientarea simbolurilor în textul vertical conturarea simbolurilor textului culoarea conturului simbolurilor textului grosimea conturului simbolurilor textului direcția textului

Împărțiri

spații și împărțiri împărțirea cuvintelor lungi împărțirea cuvintelor lungi decupare, bare de derulare overflow pe orizontală overflow pe verticală dimensiunea tabulației adăugarea punctelor de suspensie plasarea cratimelor limitarea textului la numărul de rânduri

Culoare

culoarea textului

Borduri

prescurtare pentru bordură bordură stângă bordură dreaptă bordură superioară bordură inferioară grosimea bordurii tipul bordurii culoarea bordurii grosimea bordurii stângi grosimea bordurii drepte grosimea bordurii superioare grosimea bordurii inferioare tipul bordurii stângi tipul bordurii drepte tipul bordurii superioare tipul bordurii inferioare culoarea bordurii stângi culoarea bordurii drepte culoarea bordurii superioare culoarea bordurii inferioare

Rotunjire

colțuri rotunjite colțul stânga-sus colțul dreapta-sus colțul stânga-jos colțul dreapta-jos

Contur

prescurtare pentru contur grosimea conturului tipul conturului culoarea conturului decalajul conturului

Fundal

proprietate-prescurtare pentru fundal culoarea fundalului imaginea de fundal comportamentul fundalului la derulare poziția imaginii de fundal modul de repetare a fundalului poziția imaginii de fundal poziția fundalului poziția fundalului pe orizontală poziția fundalului pe verticală dimensiunea imaginii de fundal estomparea fundalului luminozitatea fundalului contrastul fundalului umbra fundalului tonalitatea fundalului inversarea culorii fundalului transparența fundalului sepia fundalului efecte de fundal suprapunerea imaginii de fundal peste culoarea de fundal modul de amestecare a culorii sursă peste fundal stil pentru fundal

Umbre

umbra textului umbra containerului

Transparență

transparență vizibilitatea elementelor

Degradări

liniară radială liniară repetată radială repetată

Decupare

decupare creează o zonă de decupare pentru element proprietate prescurtată pentru lucrul cu măști definește poziția măștii relativ la element specifică imaginea pentru mască definește cum interacționează masca cu fundalul definește dimensiunea măștii definește repetarea măștii definește zona de poziționare a măștii definește zona de decupare a măștii definește cum se combină mai multe măști

Imagine de bordură

bordură sub formă de imagine calea către imaginea bordurii divizarea imaginii pentru bordură în părți modul de repetare a imaginii bordurii deplasarea imaginii bordurii scalarea imaginii bordurii

Interacțiune cu mouse-ul

selecția textului interzicerea selecției textului reacția la mouse aspectul cursorului

Stil

prioritatea stilului stil pentru tipul de suport stilul elementelor ale căror capabilități sunt suportate de browser importarea fișierului CSS în fișierul de stiluri curent stilul elementelor implicit stilul elementelor în modul ecran complet stilul elementelor cu interval de valori specificat stil pentru comutatoare care se află într-o stare nedeterminată stil pentru input în care a fost introdusă o valoare incorectă stil pentru input care nu are atributul required stilul elementelor ale căror valori depășesc intervalul stilul elementelor la afișarea textului-sugestie stil pentru input-uri cu atributul readonly stil pentru input-uri disponibile pentru modificare stil pentru input care are atributul required setat stil pentru input-uri în care a fost introdusă o valoare corectă culoarea cursorului text în input stilul elementelor în focus derularea în interiorul elementului

Liste

tipul marcatorilor listei poziția marcatorilor imagine pentru marcatori prescurtare pentru liste

Tabele

colapsarea borderourilor distanța dintre celule afișarea celulelor goale calculul celulelor tabelului

Link-uri

link înainte de vizitare link vizitat hover pe link clic pe link

Formulare

input în focus sugestie în input caseta de bifă sau radio bifat input inactiv input activ

Dimensiuni

lățimea blocului înălțimea blocului lățimea minimă lățimea maximă înălțimea minimă înălțimea maximă

Spații

spațiu exterior spațiu exterior de sus spațiu exterior de jos spațiu exterior din stânga spațiu exterior din dreapta spațiu interior spațiu interior de sus spațiu interior de jos spațiu interior din stânga spațiu interior din dreapta spațiu interior final al elementului de-a lungul axei blocului spațiu interior inițial al elementului de-a lungul axei blocului spațiu interior final al elementului de-a lungul axei inline spațiu interior inițial al elementului de-a lungul axei inline

Diverse

metoda de calcul a padding, border și width metoda de afișare a elementelor redimensionarea raportul de aspect al elementului scalarea elementelor

Calcule

operații matematice limitarea valorii într-un interval valoarea minimă dintre valori valoarea maximă dintre valori

Unități de măsură

dimensiunea în pixeli dimensiunea în em dimensiunea în rem dimensiunea în procente dimensiunea în fracțiuni dimensiunea în vw dimensiunea în vh dimensiunea în vmax dimensiunea în vmin

Flexbox

direcția axelor alinierea pe axa principală alinierea pe axa transversală aranjarea în mai multe linii a blocurilor prescurtare pentru flex-direction și flex-wrap alinierea blocului pe axa transversală ordinea de afișare dimensiunea de bază a blocului "lăcomia" blocului factorul de "comprimare" al blocului prescurtare pentru flex-grow, flex-shrink și flex-basis

Grid-uri

poziția de început a elementului în coloană poziția finală a elementului în coloană pozițiile de început și sfârșit ale elementului în coloană poziția de început a elementului în rând poziția finală a elementului în rând pozițiile de început și sfârșit ale elementului în rând numărul și lățimea coloanelor în grid numărul și lățimea coloanelor în grid-ul implicit numărul și lățimea rândurilor în grid numărul și lățimea rândurilor în grid-ul implicit aranjarea elementelor în grid numele elementului în grid distanța dintre elementele din grid distanța dintre rânduri în grid distanța dintre coloane în grid scrierea prescurtată a proprietăților de grid aranjarea automată a elementelor în grid numărul și lățimea coloanelor și rândurilor pentru element alinierea pe axa transversală sau verticală alinierea elementelor în interiorul celulelor grid-ului pe axa orizontală alinierea elementelor în interiorul celulelor grid-ului alinierea unui element individual în grid pe axa orizontală alinierea unui element individual în grid alinierea pe axele principală și transversală

Poziționare

poziționarea poziția pe axa Z poziționarea după primul element poziția marginii inferioare a elementului poziția marginii superioare a elementului poziția marginii stângi a elementului poziția marginii drepte a elementului poziția titlului tabelului

Împachetare

elemente flotante anulează float pentru elementele superioare definește forma de împachetare spațiu la împachetare

Coloane

numărul de coloane distanța dintre coloane bordura dintre coloane lățimea coloanelor întinderea elementului pe coloane lățimea și numărul coloanelor

Negare

După poziție

primul copil al părintelui ultimul copil al părintelui al n-lea copil al părintelui al n-lea copil al părintelui de la sfârșit unicul copil al părintelui

După tip și poziție

primul copil al părintelui de tipul specificat ultimul copil al părintelui de tipul specificat al n-lea copil al părintelui de tipul specificat al n-lea copil al părintelui de tipul specificat de la sfârșit unicul copil al părintelui de tipul specificat

Diverse

element gol după limba textului elementul țintă

Parte din text

prima literă prima linie de text

Tranziții line

durata execuției întârziere înainte de execuție proprietate animată viteza animației proprietate-prescurtare

Animație

cadre cheie ale animației numele animației durata execuției întârziere înainte de execuție viteza animației numărul de repetări direcția animației starea animației pauză proprietate-prescurtare

Transformări

transformare punctul de transformare

Rotație

rotație rotație pe axa X rotație pe axa Y rotație pe axa Z rotație pe toate axele

Scalare

scalare scalare pe axa X scalare pe axa Y

Înclinare

înclinare înclinare pe axa X înclinare pe axa Y

Translație

translație translație pe axa X translație pe axa Y

Inserție text

text după element text înainte de element text pentru after și before conținutul atributului

Contoare

numerotarea automată a elementelor resetarea contorului

Selectoare

selector contextual selector copil selector adiacent selector înrudit selector universal

Selectoare

selector după numele atributului selector după valoarea atributului selector după începutul valorii atributului selector după sfârșitul valorii atributului selector de atribut după text selector după una dintre valorile atributului selector de atribut după liniuță în valoare

↑