Die writing-mode Eienskap
Die eienskap writing-mode stel die vertikale of
horisontale rigting van teks
op die bladsy. Waardes kan wees
horizontal-tb (horisontaal van links na regs en van bo na onder),
vertical-rl (vertikaal van bo na onder en van regs na links),
vertical-lr (vertikaal van bo na onder en
van links na regs).
Sintaksis
selekteerder {
writing-mode: horizontal-tb of vertical-rl of vertical-lr;
}
Voorbeeld
Kom ons stel die rigting van ons teks horisontaal van links na regs en van bo na onder:
<p>
Teks
</p>
body {
width: 100px;
height: 50px;
}
p {
writing-mode: horizontal-tb;
font-size: 2em;
margin-top: 0;
}
:
Voorbeeld
En nou, laat ons die rigting verander na vertikaal van bo na onder en van regs na links:
<p>
Teks
</p>
body {
width: 100px;
height: 50px;
}
p {
writing-mode: vertical-rl;
font-size: 2em;
margin-top: 0;
}
:
Voorbeeld
Kom ons stel die rigting van ons teks vertikaal van bo na onder en van links na regs:
<p>
Teks
</p>
body {
width: 100px;
height: 50px;
}
p {
writing-mode: vertical-lr;
font-size: 2em;
margin-top: 0;
}
:
Kyk ook na
-
die eienskap
font-kerning,
wat fontkerning stel -
die eienskap
text-orientation,
wat die oriëntasie van karakters in vertikale teks stel
