Thuộc tính text-underline-position trong CSS

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

text-underline-position Thuộc tính chỉ định vị trí trang trí văn bản dưới底线.

Đặt vị trí trang trí văn bản dưới底线:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

text-underline-position: auto|under|from-font|left|right|initial|inherit;

Giá trị	Mô tả
auto	Giá trị mặc định. Trình duyệt thiết lập vị trí dưới底线.
under	Đặt dưới底线 ở dưới đáy chữ cái.
from-font	Nếu tệp font chứa thông tin về vị trí dưới底线, hãy sử dụng giá trị này. Ngoài ra, sử dụng auto.
left	Trong chế độ viết dọc, dưới底线 sẽ được đặt ở bên trái văn bản. Trong chế độ viết ngang, dưới底线 sẽ được đặt theo auto.
right	Trong chế độ viết dọc, dưới底线 sẽ được đặt ở bên phải văn bản. Trong chế độ viết ngang, dưới底线 sẽ được đặt theo auto.
initial	Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit	Tiếp nhận thuộc tính này từ phần tử cha. Xem thêm inherit.

Giá trị mặc định:	auto
Kế thừa:	yes
Chế 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.textUnderlinePosition="under"

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome	Edge	Firefox	Safari	Opera
33.0	79.0	74.0	12.1	20.0