direction
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính direction chỉ định hướng base nội tuyến của phần tử <text> hoặc <tspan>. Nó xác định điểm bắt đầu và kết thúc của một dòng văn bản như được dùng bởi các thuộc tính text-anchor và inline-size. Nó cũng có thể ảnh hưởng đến hướng mà các ký tự được đặt nếu giá trị của thuộc tính unicode-bidi là embed hoặc bidi-override.
Thuộc tính này chỉ áp dụng cho các glyph được định hướng vuông góc với hướng base nội tuyến, bao gồm trường hợp thông thường của văn bản Latin hoặc Arabic được định hướng ngang và trường hợp các ký tự Latin hoặc Arabic ô hẹp được xoay 90 độ theo chiều kim đồng hồ so với hướng base nội tuyến từ trên xuống dưới.
Trong nhiều trường hợp, thuật toán Unicode hai chiều sẽ tự động tạo ra kết quả mong muốn, vì vậy thuộc tính này không cần được chỉ định trong những trường hợp đó. Với các trường hợp khác, chẳng hạn khi dùng ngôn ngữ từ phải sang trái, có thể chỉ cần thêm thuộc tính direction vào phần tử <svg> ngoài cùng, và cho phép hướng đó kế thừa tới tất cả các phần tử văn bản:
Note:
Là một thuộc tính trình bày, direction cũng có một thuộc tính CSS tương ứng: direction. 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:
Ví dụ
<svg
viewBox="0 0 600 72"
xmlns="http://www.w3.org/2000/svg"
direction="rtl"
lang="fa">
<text x="300" y="50" text-anchor="middle" font-size="36">
داستان SVG 1.1 SE طولا ني است.
</text>
</svg>
Ghi chú sử dụng
| Giá trị | ltr | rtl |
|---|---|
| Giá trị mặc định | ltr |
| Có thể hoạt ảnh | Có |
Thông số kỹ thuật
| Specification |
|---|
| CSS Writing Modes Level 4 # direction |
| Scalable Vector Graphics (SVG) 2 # DirectionProperty |
Khả năng tương thích trình duyệt
Xem thêm
- Thuộc tính CSS
direction