Bằng cách chỉ định hướng văn bản:thẳng đứng và chế độ viết:vertical-rl, chúng tôi có thể hiển thị văn bản dọc với CSS ngang.
Cú pháp
Cú pháp của chế độ ghi CSS và thuộc tính hướng văn bản như sau -
Selector {
writing-mode: /*value*/
text-orientation: /*value*/
} Ví dụ
Các ví dụ sau minh họa thuộc tính CSS outline-offset.
<!DOCTYPE html>
<html>
<head>
<style>
h4 {
text-orientation: upright;
writing-mode: vertical-rl;
line-height: 3;
box-shadow: inset 0 0 3px khaki;
}
</style>
</head>
<body>
<h4>Sed nec tortor</h4>
</body>
</html> Điều này cho kết quả sau
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
body {
display: flex;
flex: 1;
}
p {
text-orientation: upright;
writing-mode: vertical-rl;
line-height: 3;
box-shadow: inset 0 0 13px orange;
}
</style>
</head>
<body>
<p>One</p>
<p>Two</p>
<p>Three</p>
<p>Four</p>
</body>
</html> Điều này cho kết quả sau
