Text-indent

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. Marek Prokop uvádí blíže nespecifikované chyby u IE 4 a 5, u IE/Mac a u NN4.

Podpora vlastnosti text-indent
Prohlížeč Podpora ve verzích Poznámka

Internet Explorer

3, 4, 5, 5.5, 6  
Mozilla (Netscape 6+) všechny verze  
Opera 4, 5, 6, 7  
Konqueror ano  
IE 5 / Mac ano  
Netscape Navigator 4 ano  

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

Vizte též

Margin = vnější okraj, Padding = vnitřní okraj, Délky v CSS

Odkazy

CSS prakticky, příklad českého odstavce.

o tvorbě, údržbě a zlepšování internetových stránek

Píše Yuhů, dusan@pc-slany.cz

Hledání:

Kaskádové styly na www.jakpsatweb.cz

Píše Yuhů: http://dusan.pc-slany.cz, mail: dusan@pc-slany.cz

Poslední aktualizace 10.12.2003