A text-indenttulajdonság megadja, hogy mennyi vízszintes szóközt kell áthelyezni az elem szövegtartalmának első sora elé. A távolságot a tömbszintű tartályelem kezdőélétől számítják.
A kezdőél általában a bal oldalon van, de jobbra-balra módban jobb lehet, ha az iránytulajdonság van.
A text-indenttulajdonság öröklődik, ha egy blokkelemen van megadva, ami azt jelenti, hogy hatással lesz az inline-blokk leszármazottaira is. Amikor inline blokkoló gyerekekkel foglalkozik, érdemes rá kényszeríteni őket text-indent: 0;.
Szintaxis
text-indent: | | inherit && ( hanging || each-line ) p ( text-indent: 1.5em; )A gyakran használt eset egyszerűen stílusos lenne. A bekezdések első sorának behúzása elég régimódi és felidézheti ezt az érzést. Használható a bekezdések utáni távolság helyett alternatív vizuális indikátorként, bár a térköz általában jobban olvasható.
Egy másik gyakori eset a „képpótlás”, ahol a szöveget szöveges behúzással és rejtett túlcsordulással rúgják ki az elemből.
függő
hangingegy kísérleti és nem hivatalos érték az text-indentingatlan. Megfordítja, hogy mely vonalak vannak behúzva. Alapvetően minden sort behúz az első kivételével, aminek eredményeként valamiféle akasztás-írásjelek keletkeznek.
Ez az érték egy zászló, amely egy olyan közös értékkel megy együtt, mint egy hosszúság.
minden sor
each-lineegy kísérleti és nem hivatalos érték az text-indentingatlan. Az ötlet az, hogy minden sort behúzni kényszerített sortörés után (a-val
Ez az érték egy zászló, amely egy olyan közös értékkel megy együtt, mint egy hosszúság.
Demó
Lásd Chris Coyier (@chriscoyier) tollszöveg-behúzását a CodePen-en.
Böngésző támogatás
Alapvető támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Bármi | Bármi | Bármi | 3,5+ | 3+ | Bármi | Bármi |
függő érték
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| egyik sem | egyik sem | egyik sem | egyik sem | egyik sem | egyik sem | egyik sem |
minden sor értékét
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| egyik sem | egyik sem | egyik sem | egyik sem | egyik sem | egyik sem | egyik sem |