CSS text-orientation امتیازات

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

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 درجه به چپ وارونه می‌شوند.
مستقیم حروف تابیده نمی‌شود، مستقیم باقی می‌ماند.
sideways جهت خطوط نوشتاری عمودی، جهت حروف با جهت خطوط نوشتاری عمودی مشابه است، یعنی 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

صفحات مرتبط

منبع:CSS writing-mode امتیازات