Į text-indentsavybė nurodo, kiek horizontalus plotas tekstas turėtų būti perkeltas iki pirmos eilutės teksto turinio elemento pradžios. Tarpai skaičiuojami nuo blokinio lygio konteinerio elemento pradžios krašto.
Pradinis kraštas paprastai yra kairėje pusėje, bet gali būti dešinysis, jei režimas yra iš dešinės į kairę, pažymėkite krypties savybę.
text-indentTurtas yra paveldimas, kai nurodyta ant bloko elementas, kuris reiškia, kad jis turės įtakos Inline-blokas paveldimus elementus, taip pat. Kai susiduriate su blokuojamais vaikais, galite juos priversti text-indent: 0;.
Sintaksė
text-indent: | | inherit && ( hanging || each-line ) p ( text-indent: 1.5em; )Įprastas naudojimo atvejis būtų tiesiog stilistinis. Pirmos pastraipų eilutės įtraukimas yra senamadiškas ir gali sukelti tokį jausmą. Ją galima naudoti vietoj tarpų po pastraipų kaip alternatyvų vaizdinį rodiklį, nors tarpai, ko gero, apskritai yra lengviau skaitomi.
Kitas įprastas naudojimo atvejis yra „vaizdo pakeitimas“, kai tekstas pašalinamas iš elemento per teksto įtrauką ir paslėptą perpildymą.
kabantis
hangingyra eksperimentinis ir neoficiali vertė už text-indentturtą. Jis apverčia, kurios linijos yra įdėtos. Iš esmės, ji įtraukia visas eilutes, išskyrus pirmąją, todėl atsiranda tam tikri pakabinimo ir skyrybos ženklai.
Ši vertė yra vėliava, einanti kartu su tokia bendra verte kaip ilgis.
kiekviena eilutė
each-lineyra eksperimentinis ir neoficiali vertė už text-indentturtą. Idėja yra kiekvienos eilutės įtrauka po priverstinės linijos pertraukos (su a
Ši vertė yra vėliava, einanti kartu su tokia bendra verte kaip ilgis.
Demonstracija
Žr. Chriso Coyier'io (@chriscoyier) „Pen“ teksto įtrauką „CodePen“.
Naršyklės palaikymas
Pagrindinė parama
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| bet koks | bet koks | bet koks | 3,5 ir daugiau | 3+ | bet koks | bet koks |
kabanti vertė
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| nė vienas | nė vienas | nė vienas | nė vienas | nė vienas | nė vienas | nė vienas |
kiekvienos eilutės vertė
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| nė vienas | nė vienas | nė vienas | nė vienas | nė vienas | nė vienas | nė vienas |