Egenskapen writing-mode
Egenskapen writing-mode setter vertikal eller
horisontal retning for tekst
på siden. Verdiene kan være
horizontal-tb (horisontalt fra venstre til høyre og ovenfra og ned),
vertical-rl (vertikalt ovenfra og ned og fra høyre til venstre),
vertical-lr (vertikalt ovenfra og ned og
fra venstre til høyre).
Syntaks
selector {
writing-mode: horizontal-tb eller vertical-rl eller vertical-lr;
}
Eksempel
La oss sette tekstretningen vår til horisontal fra venstre til høyre og ovenfra og ned:
<p>
Text
</p>
body {
width: 100px;
height: 50px;
}
p {
writing-mode: horizontal-tb;
font-size: 2em;
margin-top: 0;
}
:
Eksempel
La oss nå endre retningen til vertikal ovenfra og ned og fra høyre til venstre:
<p>
Text
</p>
body {
width: 100px;
height: 50px;
}
p {
writing-mode: vertical-rl;
font-size: 2em;
margin-top: 0;
}
:
Eksempel
La oss sette tekstretningen vår til vertikal ovenfra og ned og fra venstre til høyre:
<p>
Text
</p>
body {
width: 100px;
height: 50px;
}
p {
writing-mode: vertical-lr;
font-size: 2em;
margin-top: 0;
}
:
Se også
-
egenskapen
font-kerning,
som setter kerning for fonten -
egenskapen
text-orientation,
som setter orientering for tegn i vertikal tekst