خصائص writing-mode CSS

التعريف والاستخدام

writing-mode الخاصية تحدد ترتيب السطور الأفقية أو العمودية للنص.

يرجى الرجوع أيضًا إلى:

دليل CSS:آثار النص CSS

مثال

تحديد ترتيب السطور الأفقية أو العمودية للنص:

p.test1 {
  writing-mode: horizontal-tb; 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

جرب بنفسك

جملة CSS

writing-mode: horizontal-tb|vertical-rl|vertical-lr;

قيمة الخاصية

القيمة الوصف
horizontal-tb سماع المحتوى من اليسار إلى اليمين بشكل أفقي، ومن الأعلى إلى الأسفل بشكل عمودي.
vertical-rl سماع المحتوى من الأعلى إلى الأسفل بشكل عمودي، ومن اليمين إلى اليسار بشكل أفقي.
vertical-lr سماع المحتوى من الأعلى إلى الأسفل بشكل عمودي، ومن اليسار إلى اليمين بشكل أفقي.

تفاصيل التقنية

القيمة الافتراضية: horizontal-tb
الوراثة: نعم
تحريك الكائن: غير مدعوم. يرجى الرجوع إلى:خصائص التحريك.
الإصدار: CSS3
جافا سكربت الجملة: object.style.writingMode="vertical-rl"

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

Chrome IE / Edge Firefox Safari Opera
48.0 12.0 41.0 11.0 35.0