CSS text-indent eigenschap
- de vorige pagina text-emphasis-style
- Volgende pagina text-justify
Definitie
De text-indent-eigenschap definieert de inspringing van de eerste regel van een tekstblok.
Opmerking:Negatieve waarden zijn toegestaan. Als negatieve waarden worden gebruikt, wordt de eerste regel ingesprongen naar links.
Opmerking:Voor CSS 2.1 was text-indent altijd de berekende waarde die geërfd werd, niet de verklaarde waarde.
Beschrijving
Gebruikt om de inspringing van de eerste regel van een blokgelaste element te definiëren. Dit wordt meestal gebruikt om een "tabblad"-effect te creëren. Negatieve waarden zijn toegestaan, wat een "hanging indent"-effect kan veroorzaken.
Zie ook:
CSS handleiding:CSS tekst
HTML DOM referentiehandleiding:textIndent-eigenschap
Voorbeeld
Spreid de eerste regel van de alinea 50 pixels in:
p
{
text-indent:50px;
}
CSS syntaxis
Eigenschapswaarde
| Waarde | Beschrijving |
|---|---|
| length | Definieert een vaste inspringing. Standaardwaarde: 0. |
| % | Definieert de inspringing op basis van het percentage van de breedte van het ouder element. |
| inherit | Bepaalt dat de waarde van de text-indent-eigenschap van het ouder element moet worden geërfd. |
Technische details
| Standaardwaarde: | niet gespecificeerd |
|---|---|
| Inheritance: | ja |
| Versie: | CSS1 |
| JavaScript syntaxis: | object.style.textIndent="50px" |
Meer voorbeelden
- Tekst inspringen
- Dit voorbeeld toont hoe je de eerste regel van een tekst kunt inspringen.
browserondersteuning
De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
- de vorige pagina text-emphasis-style
- Volgende pagina text-justify
