Thuộc tính text-emphasis-position CSS

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

text-emphasis-position Thuộc tính xác định vị trí của dấu nhấn (trên, dưới, trái, phải).

Lưu ý:Sử dụng writing-mode Thuộc tính để chỉ định chế độ viết ngang hoặc viết dọc.

mô hình

Sử dụng text-emphasis-position Thuộc tính:

h3.ex1 {
  text-emphasis: double-circle red;
  text-emphasis-position: over;
}
h3.ex2 {
  text-emphasis: triangle blue;
  text-emphasis-position: under;
}
h3.ex3 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under right;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under left;
}

Thử nghiệm trực tiếp

Cú pháp CSS

text-emphasis-position: over|under|left|right|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
over Áp dụng dấu nhấn ở trên văn bản (trong chế độ viết ngang).
under Áp dụng dấu nhấn ở dưới văn bản (trong chế độ viết ngang).
left Áp dụng dấu nhấn ở bên trái văn bản (trong chế độ viết dọc).
right Áp dụng dấu nhấn ở bên phải văn bản (trong chế độ viết dọc).
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Di truyền 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: over right
Di truyền: yes
Phiên bản: CSS3
Cú pháp JavaScript: object.style.textEmphasisPosition="under"

Hỗ trợ trình duyệt

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
99.0 99.0 46.0 7.0 85.0