A writing-mode tulajdonság

A writing-mode tulajdonság a szöveg függőleges vagy vízszintes irányát határozza meg a weboldalon. Az értékek lehetnek horizontal-tb (vízszintesen balról jobbra és felülről lefelé), vertical-rl (függőlegesen felülről lefelé és jobbról balra), vertical-lr (függőlegesen felülről lefelé és balról jobbra).

Szintaxis

szelektor {
	writing-mode: horizontal-tb vagy vertical-rl vagy vertical-lr;
}

Példa

Állítsuk be a szövegünk irányát vízszintesen balról jobbra és felülről lefelé:

<p>
	Szöveg
</p>

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

Példa

Most pedig változtassuk meg az irányt függőlegesen felülről lefelé és jobbról balra:

<p>
	Szöveg
</p>

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

Példa

Állítsuk be a szövegünk irányát függőlegesen felülről lefelé és balról jobbra:

<p>
	Szöveg
</p>

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

Lásd még

a font-kerning tulajdonság,
amely a betűtípus kernelését határozza meg
a text-orientation tulajdonság,
amely a karakterek tájolását határozza meg függőleges szövegben