Thuộc tính text-emphasis trong CSS

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

text-emphasis Thuộc tính được sử dụng để thêm dấu nhấn mạnh vào văn bản.

text-emphasis Thuộc tính là text-emphasis-style và text-emphasis-color của nó là viết tắt.

Lưu ý:Kích thước dấu nhấn mạnh khoảng 50% kích thước font.

Mô hình

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

p.ex1 {
  text-emphasis: filled;
}
p.ex2 {
  text-emphasis: open;
}
p.ex3 {
  text-emphasis: double-circle red;
}
p.ex4 {
  text-emphasis: triangle blue;
}

Thử ngay

Ngữ pháp CSS

text-emphasis: none|filled|open|dot|circle|double-circle|triangle|sesame|string|color|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
none Không áp dụng dấu nhấn mạnh.
filled Dấu nhấn mạnh được lấp đầy bằng màu sắc thực thể.
open Dấu nhấn mạnh là trống.
dot Dấu nhấn mạnh là hình chấm nhỏ.
circle Dấu nhấn mạnh là hình tròn.
double-circle Dấu nhấn mạnh là hình đôi vòng.
triangle Dấu nhấn mạnh là hình tam giác.
sesame Dấu nhấn mạnh là hình hạt dẻ (tức là nhóm điểm nhỏ).
string Dấu nhấn mạnh là chuỗi được cung cấp (một ký tự).
color Đặt màu cho dấu nhấn mạnh.
initial Đặt thuộc tính này về giá trị mặc định. Xem initial.
inherit Thừa kế thuộc tính này từ phần tử cha. Xem inherit.

Chi tiết kỹ thuật

Giá trị mặc định: none currentcolor
Thừa kế: yes
Phiên bản: CSS3
Ngữ pháp JavaScript: object.style.textEmphasis="filled blue"

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