خصائص 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 درجة في الإتجاه المعاكس.
مستقيم لا يُدور الحرف، يبقى مستقيماً.
sideways اتجاه الحرف يتطابق مع اتجاه سطر النص عند orientation-writing هو رأسية، أي يُدور 90 درجة في الإتجاه المعاكس.
sideways-right يساوي قيمة الخاصية sideways. يُحفظ لغرض التوافق.
use-glyph-orientation للمستخدمين من 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