თვისება text-orientation

თვისება text-orientation ადგენს სიმბოლოების ორიენტაციას ვერტიკალურ ტექსტში, ანუ რომელსაც აქვს მინიჭებული თვისება writing-mode მნიშვნელობებით vertical-lr ან vertical-rl. თვისება იღებს ორ მნიშვნელობას: mixed (სიმბოლოები ბრუნავენ 90° საათის ისრის მიმართულებით) ან upright (სიმბოლოები განლაგებულია ერთმანეთის ქვეშ).

სინტაქსი

სელექტორი {
	text-orientation: mixed ან upright;
}

მაგალითი

მოდით, ყველა სიმბოლოს ვერტიკალურ ტექსტში მივანიჭოთ 90°-ით შემობრუნება:

<p>
	ტექსტი
</p>

body {
	width: 200px;
	height: 100px;
}
p {
	text-orientation: mixed;
	background: #467CBC;
	color: white;
	padding: 10px;
	font-size: 2rem;
	writing-mode: vertical-lr;
}

მაგალითი

მოდით, ყველა სიმბოლო ვერტიკალურ ტექსტში განვათავსოთ ერთმანეთის ქვეშ:

<p>
	ტექსტი
</p>

body {
	width: 200px;
	height: 100px;
}
p {
	text-orientation: upright;
	background: #467CBC;
	color: white;
	padding: 10px;
	font-size: 2rem;
	writing-mode: vertical-lr;
}

იხილეთ აგრეთვე

თვისება writing-mode,
რომელიც ადგენს ტექსტის მიმართულებას
თვისება font-kerning,
რომელიც ადგენს შრიფტის კერნინგს