CSS ทางเลือก writing-mode

การระบุและการใช้งาน

writing-mode คุณสมบัติที่กำหนดว่าจะจัดระบบข้อความตามแนวนอนหรือตามแนวตั้ง

โปรดดูเพิ่มเติม:

อบรม CSS:CSS ผลลัพธ์ข้อความ

ตัวอย่าง

ระบบ CSS ที่ใช้เรียก

p.test1 {
  กำหนดว่าจะจัดระบบข้อความตามแนวนอนหรือตามแนวตั้ง 
}
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