Cele mai text-indentprecizează proprietate cât de mult spațiu de text orizontal ar trebui să fie mutate înainte de începutul primei linii a conținutului text al unui element. Distanța este calculată de la marginea de pornire a elementului container la nivel de bloc.
Marginea inițială este, de obicei, în stânga, dar poate fi dreaptă dacă în modul de la dreapta la stânga, ala proprietatea direcției.
text-indentProprietatea este moștenită când specificată pe un element al blocului, ceea ce înseamnă că va afecta elementele descendente inline-bloc, de asemenea. Când aveți de-a face cu copii cu blocuri în linie, vă recomandăm să-i forțați text-indent: 0;.
Sintaxă
text-indent: | | inherit && ( hanging || each-line ) p ( text-indent: 1.5em; )Un caz de utilizare obișnuit ar fi pur și simplu stilistic. Indentarea primei linii de paragrafe este cam demodată și poate evoca această senzație. Poate fi folosit în locul spațierii după paragrafe ca indicator vizual alternativ, deși spațierea este probabil mai lizibilă în general.
Un alt caz de utilizare obișnuit este în „înlocuirea imaginii”, unde textul este eliminat din element prin indentarea textului și revărsarea ascunsă.
agăţat
hangingeste o valoare experimentală și neoficială pentru text-indentproprietate. Se inversează care linii sunt indentate. Practic, indentează fiecare linie, cu excepția primei, rezultând într-un fel de punctuație.
Această valoare este un steag, care merge împreună cu o valoare comună, cum ar fi o lungime.
fiecare linie
each-lineeste o valoare experimentală și neoficială pentru text-indentproprietate. Ideea este de a indenta fiecare linie după o întrerupere forțată a liniei (cu a
Această valoare este un steag, care merge împreună cu o valoare comună, cum ar fi o lungime.
Demo
Vezi textul-liniuță Pen de Chris Coyier (@chriscoyier) pe CodePen.
Suport pentru browser
Suport de bază
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| orice | orice | orice | 3.5+ | 3+ | orice | orice |
valoare suspendată
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| nici unul | nici unul | nici unul | nici unul | nici unul | nici unul | nici unul |
valoarea fiecărei linii
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| nici unul | nici unul | nici unul | nici unul | nici unul | nici unul | nici unul |