writing-mode
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.
Thuộc tính writing-mode chỉ định xem hướng tiến hành inline ban đầu của một phần tử <text> có phải là từ trái sang phải, từ phải sang trái hay từ trên xuống dưới hay không. Thuộc tính writing-mode chỉ áp dụng cho các phần tử <text>; thuộc tính này bị bỏ qua đối với các phần tử con <tspan> và <textPath>. (Lưu ý rằng hướng tiến hành inline có thể thay đổi bên trong một phần tử <text> do thuật toán hai chiều Unicode và các thuộc tính direction và unicode-bidi.)
Note:
Là một thuộc tính trình bày, writing-mode cũng có một thuộc tính CSS tương ứng: writing-mode. Khi cả hai được chỉ định, thuộc tính CSS sẽ được ưu tiên.
Bạn có thể dùng thuộc tính này với các phần tử SVG sau:
Ghi chú sử dụng
| Giá trị mặc định | horizontal-tb |
|---|---|
| Giá trị |
horizontal-tb | vertical-rl |
vertical-lr
|
| Có thể hoạt ảnh | Có |
horizontal-tb-
Giá trị này định nghĩa hướng dòng khối từ trên xuống dưới. Cả writing mode và typographic mode đều là ngang.
vertical-rl-
Giá trị này định nghĩa hướng dòng khối từ phải sang trái. Cả writing mode và typographic mode đều là dọc.
vertical-lr-
Giá trị này định nghĩa hướng dòng khối từ trái sang phải. Cả writing mode và typographic mode đều là dọc.
Đặc tả
| Thông số kỹ thuật |
|---|
| CSS Writing Modes Level 4 # block-flow |
| Scalable Vector Graphics (SVG) 2 # WritingModeProperty |
Tương thích trình duyệt
Xem thêm
- Thuộc tính CSS
writing-mode