Thuộc tính text-decoration trong CSS
- trang trước text-align-last
- trang sau text-decoration-color
Định nghĩa và cách sử dụng
Thuộc tính text-decoration quy định trang trí thêm vào văn bản.
Chú ý:Màu trang trí được đặt bởi thuộc tính "color".
Giải thích
Thuộc tính này cho phép đặt hiệu ứng nào đó cho văn bản, như thêm底线。Nếu các phần tử con không có trang trí riêng, trang trí được đặt trên phần tử tổ tiên sẽ “điều chỉnh” sang các phần tử con. Không yêu cầu người dùng hỗ trợ blink.
Xem thêm:
Hướng dẫn CSS:CSS văn bản
Hướng dẫn HTML DOM:Thuộc tính textDecoration
Ví dụ
Đặt trang trí văn bản cho các phần tử h1, h2, h3, h4:
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}
Ngữ pháp CSS
text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| text-decoration-line | Đặt loại trang trí văn bản cần sử dụng (như底线、上底线、划线). |
| text-decoration-color | Đặt màu của trang trí văn bản. |
| text-decoration-style | Đặt kiểu trang trí văn bản (như đầy, sóng, điểm-dash, mờ, kép). |
| text-decoration-thickness | Đặt độ dày của đường trang trí. |
| initial | Đặt thuộc tính này về giá trị mặc định. Xem initial. |
| inherit | Thừa kế thuộc tính này từ phần tử cha. Xem inherit. |
Chi tiết kỹ thuật
| Giá trị mặc định: | none |
|---|---|
| Thừa kế: | no |
| Phiên bản: | CSS1 |
| Ngữ pháp JavaScript: | object.style.textDecoration="overline" |
Các ví dụ khác
- Trang trí văn bản
- Ví dụ này minh họa cách thêm hiệu ứng trang trí vào văn bản.
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ợ đầy đủ thuộc tính này.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
- trang trước text-align-last
- trang sau text-decoration-color
