Thuộc tính text-emphasis-style trong CSS
- Trang trước text-emphasis-position
- Trang sau text-indent
Định nghĩa và cách sử dụng
text-emphasis-style
Thuộc tính này thiết lập樣式 đánh dấu nhấn.
Lưu ý:Kích thước đánh dấu nhấn khoảng 50% kích thước font.
Mô hình
Sử dụng text-emphasis-style
Thuộc tính:
p.ex1 { text-emphasis-style: filled; } p.ex2 { text-emphasis-style: open; } p.ex3 { text-emphasis-style: double-circle; } p.ex4 { text-emphasis-style: "#"; }
Cú pháp CSS
text-emphasis-style: none|filled|open|dot|circle|double-circle|triangle|sesame|string|initial|inherit;
Giá trị thuộc tính
Giá trị | Mô tả |
---|---|
none | Không áp dụng đánh dấu nhấn. |
filled | Đánh dấu nhấn được lấp đầy bằng màu sắc rắn. |
open | Đánh dấu nhấn là trống. |
dot | Đánh dấu nhấn là chấm nhỏ. |
circle | Đánh dấu nhấn là hình tròn. |
double-circle | Đánh dấu nhấn là hình tròn đôi. |
triangle | Đánh dấu nhấn là hình tam giác. |
sesame | Đánh dấu nhấn là hình hạt dẻ (tức là nhóm điểm nhỏ). |
string | Đánh dấu nhấn là chuỗi cho trước (một ký tự). |
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: | none |
---|---|
Kế thừa: | yes |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | object.style.textEmphasisStyle="triangle" |
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-position
- Trang sau text-indent