টেক্সট-অরিয়েন্টেশন নির্দিষ্ট করে:খাড়া এবং লেখা-মোড:vertical-rl, আমরা অনুভূমিক CSS সহ উল্লম্ব পাঠ প্রদর্শন করতে পারি।
সিনট্যাক্স
CSS লেখার মোড এবং টেক্সট-অরিয়েন্টেশন সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
writing-mode: /*value*/
text-orientation: /*value*/
} উদাহরণ
নিম্নলিখিত উদাহরণগুলি সিএসএস আউটলাইন-অফসেট সম্পত্তিকে চিত্রিত করে।
<!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> এটি নিম্নলিখিত আউটপুট দেয়
উদাহরণ
<!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> এটি নিম্নলিখিত আউটপুট দেয়
