خاصية وضع الكتابة في CSS
مثال
حدد ما إذا كانت سطور النص تم وضعها أفقيًا أو رأسيًا:
p.test1 {
writing-mode: horizontal-tb;
}
p.test2 {
writing-mode: vertical-rl;
}
span.test2 {
writing-mode:
vertical-rl;
}
التعريف والاستخدام
writing-mode
تحدد الخاصية ما إذا كان سيتم تخطيط أسطر النص أفقيًا أو رأسيًا .
القيمة الافتراضية: | أفقي السل |
---|---|
وارث: | نعم |
متحرك: | رقم. اقرأ عن animatable |
الإصدار: | CSS3 |
بناء جملة JavaScript: | الكائن .style.writingMode = "vertical-rl" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
writing-mode | 48.0 | 12.0 | 41.0 | 11.0 | 35.0 |
بنية CSS
writing-mode: horizontal-tb|vertical-rl|vertical-lr;
قيم الملكية
Value | Description |
---|---|
horizontal-tb | Let the content flow horizontally from left to right, vertically from top to bottom |
vertical-rl | Let the content flow vertically from top to bottom, horizontally from right to left |
vertical-lr | Let the content flow vertically from top to bottom, horizontally from left to right |
الصفحات ذات الصلة
دروس CSS: تأثيرات نص CSS