Thuộc tính writing-mode trong CSS

Định nghĩa và cách sử dụng

writing-mode Thuộc tính định nghĩa cách sắp đặt dòng văn bản theo chiều ngang hoặc dọc.

Xin xem thêm:

Giáo trình CSS:Hiệu ứng văn bản trong CSS

Mẫu

Định nghĩa cách sắp đặt dòng văn bản theo chiều ngang hoặc dọc:

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

Thử trực tiếp

Cú pháp CSS

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

Giá trị thuộc tính

Giá trị Mô tả
horizontal-tb Cho phép nội dung chảy từ trái sang phải theo chiều ngang, từ trên xuống dưới theo chiều dọc.
vertical-rl Cho phép nội dung chảy từ trên xuống dưới theo chiều dọc, từ phải sang trái theo chiều ngang.
vertical-lr Cho phép nội dung chảy từ trên xuống dưới theo chiều dọc, từ trái sang phải theo chiều ngang.

Chi tiết kỹ thuật

Giá trị mặc định: horizontal-tb
Kế thừa: Là
Chế tạo animation: Không hỗ trợ. Vui lòng xem:Thuộc tính liên quan đến animation.
Phiên bản: CSS3
Cú pháp JavaScript: object.style.writingMode="vertical-rl"

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thuộc tính này.

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