Text-indent
CSS vlastnost text-indent určuje odsazení prvního řádku odstavce.
| 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.
| 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
