ویژگی text-orientation CSS

تعریف و استفاده

text-orientation این ویژگی جهت خطوط حروف را مشخص می‌کند.

توجه داشته باشید:تنها زمانی که writing-mode تنها زمانی که به صورت عمودی تنظیم شود، معتبر است.

مثال

مثال 1

جهت تنظیم جهت خطوط در عناصر <div> مختلف استفاده می‌شود:

div.a {
  text-orientation: mixed;
}
div.b {
  text-orientation: upright;
}

آزمایش کنید

مثال 2

text-orientation این ویژگی می‌تواند برای تغییر جهت سربرگ‌های جدول استفاده شود:

th {
    writing-mode: vertical-lr;
    text-orientation: upright;
}

آزمایش کنید

قوانین CSS

text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;

مقدار ویژگی

مقدار توضیح
متجانس مقدار پیش‌فرض. خطوط حرفی 90 درجه به چپ می‌چرخند.
upright خطوط حرفی چرخش نمی‌یابند و مستقیم باقی می‌مانند.
sideways جهت خطوط متن در حالت vertical-lr با جهت خطوط نوشتاری هم‌خوانی دارد، یعنی 90 درجه به چپ می‌چرخد.
sideways-right مقدار sideways است. برای اهداف سازگاری باقی می‌ماند.
use-glyph-orientation برای عنصرهای SVG استفاده می‌شود، تا متن از ویژگی‌های SVG قدیمی glyph-orientation-vertical و glyph-orientation-horizontal ارث ببرد.
مقدار اولیه این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. ببینید: مقدار اولیه.
وراثت این ویژگی را از عنصر والد خود ارث می‌برد. ببینید: وراثت.

جزئیات فنی

مقدار پیش‌فرض: متجانس
وراثت: بله
انیمیشن‌سازی: پشتیبانی نمی‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
قوانین جاوااسکریپت: object.style.textOrientation="upright"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه مرورگر اولین هستند که این ویژگی را کامل پشتیبانی می‌کند.

کروم اژدها افرکس سفاری اپرا
48.0 79.0 41.0 14.0 35.0

صفحات مرتبط

منبع:ویژگی writing-mode CSS