Text-indent

CSS vlastnost text-indent určuje odsazení prvního řádku odstavce.

text-indent
hodnoty odsazení první řádky odstavce
délka první řádek začíná délku od levého okraje bloku
procento totéž v procentech šířky bloku (odstavce)

První řádek odstavce se v kontinentálních textech odsazuje od okraje dokumentu. V anglosaských písemnostech se odsazení prvního řádku nedělá, o to větší je vertikální mezera mezi odstavci. To je důvod, proč se text-indent používá docela málo.

V některých případech -- zejména u jednořádkových prvků -- se text-indent občas používá namísto hodnoty padding-left (kvůli podpoře prohlížečů).

První řádek odstavce se může také předsadit zápornou hodnotou.

Podpora

Velmi dobře podporovaná vlastnost.

Podpora vlastnosti text-indent
Prohlížeč Podpora ve verzích Poznámka
Internet Explorer všechny verze  
Firefox všechny verze  
Opera všechny verze  
Chrome ano  

Bug: Internet Explorer 5.0 dědí text-indent do řádkových prvků, které mají nastavený nějaký rozměr.

Příklady

Česky vypadající odstavec (tag <p>) se dá udělat tak, že se odsadí první řádek a zmenší se okraje (margin) mezi odsavci:

<style>
p {margin-top: 2px; margin-bottom: 2px; text-indent: 10%}
</style>

Procenta odsazení prvního řádku se počítají ze šířky odstavce. Je skoro jedno, jestli se použije odsazení v procentech, v pixelech (doporučuju 30px) nebo v jednotkách em (doporučuju 6em).

Další příklady

Definice česky vypadajícího odstavce

Častý překlep

Text-ident je špatně, správně je to text-indent.

 

Reklama

www.webhosting-c4.cz, extra rychlý SSD webhosting s doménou v ceně
o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

CSS kurz Přehled hodnot Vlastnosti CSS příklady

Jak psát web píše Yuhů, Dušan Janovský. Kontakt.