CSS text-orientation امتیازات
- صفحه قبل text-justify
- صفحه بعدی text-overflow
تعریف و استفاده
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 |
صفحات مرتبط
- صفحه قبل text-justify
- صفحه بعدی text-overflow