CSS -tekstuitlijning
Tekstuitlijning
De text-aligneigenschap wordt gebruikt om de horizontale uitlijning van een tekst in te stellen.
Een tekst kan links of rechts worden uitgelijnd, gecentreerd of uitgevuld.
Het volgende voorbeeld toont gecentreerd uitgelijnde en links en rechts uitgelijnde tekst (links uitlijning is standaard als de tekstrichting van links naar rechts is en rechtsuitlijning is standaard als de tekstrichting van rechts naar links is):
Voorbeeld
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}
Als de text-aligneigenschap is ingesteld op "uitvullen", wordt elke regel uitgerekt zodat elke regel even breed is en de linker- en rechtermarges recht zijn (zoals in tijdschriften en kranten):
Voorbeeld
div {
text-align: justify;
}
Tekst als laatste uitlijnen
De text-align-lasteigenschap specificeert hoe de laatste regel van een tekst moet worden uitgelijnd.
Voorbeeld
Lijn de laatste regel tekst uit in drie <p>-elementen:
p.a
{
text-align-last: right;
}
p.b
{
text-align-last: center;
}
p.c
{
text-align-last: justify;
}
Tekstrichting
De directionen
unicode-bidieigenschappen kunnen worden gebruikt om de tekstrichting van een element te wijzigen:
Voorbeeld
p {
direction: rtl;
unicode-bidi: bidi-override;
}
Verticale uitlijning
De vertical-aligneigenschap stelt de verticale uitlijning van een element in.
Voorbeeld
Stel de verticale uitlijning van een afbeelding in een tekst in:
img.a {
vertical-align: baseline;
}
img.b {
vertical-align: text-top;
}
img.c {
vertical-align:
text-bottom;
}
img.d {
vertical-align: sub;
}
img.e {
vertical-align: super;
}