Thuộc tính text-decoration-line của CSS

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

Thuộc tính text-decoration-line thiết lập loại văn bản trang trí cần sử dụng (dưới底线, trên底线, xuyên底线).

Lưu ý:Vui lòng tham khảo thuộc tính text-decoration, nó là thuộc tính viết tắt của text-decoration-line, text-decoration-style và text-decoration-color.

Chú thích:Bạn có thể kết hợp nhiều giá trị, ví dụ như underline và overline, để hiển thị đường qua văn bản ở trên và dưới cùng một lúc.

Xem thêm:

Hướng dẫn CSS:CSS văn bản

Hướng dẫn HTML DOM:textDecorationLine Thuộc tính

Ví dụ

Đặt các loại đường text-decoration khác nhau:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

Thử nghiệm ngay

Cú pháp CSS

text-decoration-line: none|underline|overline|line-through|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
none Giá trị mặc định. Định nghĩa text-decoration không có đường.
underline Định nghĩa hiển thị đường qua văn bản ở dưới văn bản.
overline Định nghĩa hiển thị đường qua văn bản ở trên văn bản.
line-through Định nghĩa hiển thị đường qua văn bản.
initial Đặt thuộc tính này thành giá trị mặc định. Xem thêm initial.
inherit Thay đổi thuộc tính này từ giá trị của phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: none
Kế thừa: không
Tạo animation: không hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản: CSS3
Cú pháp JavaScript: object.style.textDecorationLine="overline"

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.

Số số đầu tiên trong bảng có -webkit- hoặc -moz- biểu thị phiên bản đầu tiên sử dụng tiền tố.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-
12.1
7.1 -webkit-
44.0