text-decoration
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 text-decoration xác định xem văn bản có được trang trí bằng gạch dưới, gạch trên và/hoặc gạch ngang hay không. Đây là một thuộc tính viết tắt cho các thuộc tính text-decoration-line và text-decoration-style.
Fill và stroke của phần trang trí văn bản được lấy từ fill và stroke của văn bản tại điểm mà phần trang trí văn bản được khai báo.
Thứ tự vẽ của phần trang trí văn bản, tức fill và stroke, được xác định bởi giá trị của thuộc tính paint-order tại điểm mà phần trang trí văn bản được khai báo.
Note:
Là một thuộc tính trình bày, text-decoration cũng có một thuộc tính CSS tương ứng: text-decoration. 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 250 50" xmlns="http://www.w3.org/2000/svg">
<text y="20" text-decoration="underline">Underlined text</text>
<text x="0" y="40" text-decoration="line-through">Struck-through text</text>
</svg>
Ghi chú sử dụng
| Giá trị |
<'text-decoration-line'>
||
<'text-decoration-style'>
||
<'text-decoration-color'>
|
|---|---|
| Giá trị mặc định | See individual properties |
| Có thể hoạt ảnh | Yes |
Để biết mô tả các giá trị, vui lòng tham khảo thuộc tính CSS text-decoration.
Đặc tả
| Specification |
|---|
| CSS Text Decoration Module Level 3 # text-decoration-property |
| Scalable Vector Graphics (SVG) 2 # TextDecorationProperties |
Tương thích trình duyệt
Xem thêm
- Thuộc tính CSS
text-decoration