Thuộc tính text-decoration-thickness trong CSS

Khuyến nghị khóa học:

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

Thuộc tính text-decoration-thickness xác định độ dày của đường trang trí.

Xem thêm:Tài liệu tham khảo CSS:

Thuộc tính text-decorationVăn bản CSS

Giáo trình CSS:

Mô hình

Đặt độ dày đường trang trí khác nhau cho các phần tử <h1>, <h2>, <h3>, <h4>:
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* Sử dụng thuộc tính viết tắt */
h4 {
  text-decoration: underline solid red 50%;
}

Thử ngay

Cú pháp CSS

text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
auto Trình duyệt chọn độ dày của đường trang trí.
from-font Nếu tệp font chứa thông tin về độ dày首选, hãy sử dụng giá trị này. Nếu không, sẽ hiển thị auto.
length/percentage Định nghĩa độ dày là giá trị độ dài hoặc phần trăm.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: Không
Chế tạo animation: Không hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản: CSS4
Cú pháp JavaScript: object.style.textDecorationThickness="5px"

Hỗ trợ trình duyệt

Số trong bảng cho biết 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
89.0 89.0 70.0 12.1 75.0