ویژگی writing-mode CSS
درس‌های انتخابی
کلاس‌های پیشنهادی: تعریف و استفاده
writing-mode
ویژگی تعیین اینکه آیا خطوط متن به صورت افقی یا عمودی قرار می‌گیرند.تأثیرات متن CSS
لطفاً به اینجا نیز مراجعه کنید:
تدریس CSS:
مثال
تعیین اینکه آیا خطوط متن به صورت افقی یا عمودی قرار می‌گیرند:
}
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 |
| نحوه استفاده از JavaScript: | object.style.writingMode="vertical-rl" |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگرهایی هستند که این ویژگی را کاملاً پشتیبانی می‌کنند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 48.0 | 12.0 | 41.0 | 11.0 | 35.0 |
