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