CSS writing-mode অপারেন্স
实例
规定水平还是垂直地排布文本行:
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 |
48.0 |
12.0 |
41.0 |
11.0 |