Thuộc tính text-emphasis-position CSS
- Trang trước text-emphasis-color
- Trang tiếp theo text-emphasis-style
Đị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; }
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 |
- Trang trước text-emphasis-color
- Trang tiếp theo text-emphasis-style