De text-align eigenschap
De eigenschap text-align stelt
tekstuitlijning in: links uitgelijnd, rechts uitgelijnd,
gecentreerd, of uitgelijnd over de volledige breedte (uitgevuld).
Syntaxis
cssselector {
text-align: center | left | right | justify | auto | start | end;
}
Waarden
| Waarde | Beschrijving |
|---|---|
center |
De tekst wordt gecentreerd. |
left |
De tekst wordt links uitgelijnd. |
right |
De tekst wordt rechts uitgelijnd. |
justify |
De tekst wordt zowel links als rechts uitgelijnd (uitgevuld). |
auto |
Verandert de uitlijning van het element niet (standaardwaarde). |
start |
Gelijk aan left als de tekst van links naar rechts loopt, en right,
wanneer de tekst van rechts naar links loopt (bijvoorbeeld Arabisch).
|
end |
Gelijk aan right als de tekst van links naar rechts loopt en left,
wanneer de tekst van rechts naar links loopt.
|
Standaardwaarde: auto. In de meeste
gevallen is tekst standaard links
uitgelijnd (in het Arabisch - rechts uitgelijnd).
Er zijn echter uitzonderingen, bijvoorbeeld tekst
in een th
zal gecentreerd zijn.
Voorbeeld . Waarde left
html<p>
some long text
</p>cssp {
text-align: left;
width: 400px;
}
Результат:
Voorbeeld . Waarde right
html<p>
some long text
</p>cssp {
text-align: right;
width: 400px;
}
Результат:
Voorbeeld . Waarde center
html<p>
Lorem ipsum dolor sit amet.
</p>cssp {
text-align: center;
}
Результат:
Voorbeeld . Waarde justify
html<p>
some long text
</p>cssp {
text-align: justify;
width: 400px;
}
Результат: