ویژگی text-orientation CSS
- صفحه قبلی 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 درجه به چپ میچرخند. |
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 |
صفحات مرتبط
- صفحه قبلی text-justify
- صفحه بعدی text-overflow