Ominaisuus writing-mode

Ominaisuus writing-mode asettaa tekstin pystysuunnan tai vaakasuunnan sivulla. Arvot voivat olla horizontal-tb (vaakasuunnassa vasemmalta oikealle ja ylhäältä alas), vertical-rl (pystysuunnassa ylhäältä alas ja oikealta vasemmalle), vertical-lr (pystysuunnassa ylhäältä alas ja vasemmalta oikealle).

Syntaksi

valitsija {
	writing-mode: horizontal-tb tai vertical-rl tai vertical-lr;
}

Esimerkki

Asetetaan tekstillemme suunta vaakasuunnassa vasemmalta oikealle ja ylhäältä alas:

<p>
	Text
</p>

body {
	width: 100px;
	height: 50px;
}
p {
	writing-mode: horizontal-tb;
	font-size: 2em;
	margin-top: 0;
}

Esimerkki

Ja nyt vaihdetaan suunta pystysuunnassa ylhäältä alas ja oikealta vasemmalle:

<p>
	Text
</p>

body {
	width: 100px;
	height: 50px;
}
p {
	writing-mode: vertical-rl;
	font-size: 2em;
	margin-top: 0;
}

Esimerkki

Asetetaan tekstillemme suunta pystysuunnassa ylhäältä alas ja vasemmalta oikealle:

<p>
	Text
</p>

body {
	width: 100px;
	height: 50px;
}
p {
	writing-mode: vertical-lr;
	font-size: 2em;
	margin-top: 0;
}

Katso myös

ominaisuus font-kerning,
joka asettaa fontin kirjasintien välistyksen
ominaisuus text-orientation,
joka asettaa merkkien suunnan pystysuorassa tekstissä