CSS -teksbelyning
Teksbelyning
Die text-align
eienskap word gebruik om die horisontale belyning van 'n teks te stel.
'n Teks kan links- of regsbelyn, gesentreer of geregverdig wees.
Die volgende voorbeeld wys middelbelynde, en links- en regs-belynde teks (linksbelyning is verstek as teksrigting links-na-regs is, en regsbelyning is verstek as teksrigting regs-na-links is):
Voorbeeld
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}
Wanneer die text-align
eienskap op "regverdig" gestel is, word elke lyn gestrek sodat elke lyn gelyke breedte het, en die linker- en regterkantlyne is reguit (soos in tydskrifte en koerante):
Voorbeeld
div {
text-align: justify;
}
Teks Belyn laaste
Die text-align-last
eienskap spesifiseer hoe om die laaste reël van 'n teks in lyn te bring.
Voorbeeld
Belyn die laaste reël teks in drie <p>-elemente:
p.a
{
text-align-last: right;
}
p.b
{
text-align-last: center;
}
p.c
{
text-align-last: justify;
}
Teksrigting
Die direction
en
unicode-bidi
eienskappe kan gebruik word om die teksrigting van 'n element te verander:
Voorbeeld
p {
direction: rtl;
unicode-bidi: bidi-override;
}
Vertikale belyning
Die vertical-align
eienskap stel die vertikale belyning van 'n element.
Voorbeeld
Stel die vertikale belyning van 'n prent in 'n teks:
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;
}