text-emphasis-color
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Thuộc tính CSS text-emphasis-color xác định màu của các dấu nhấn mạnh. Giá trị này cũng có thể được đặt bằng thuộc tính viết tắt text-emphasis.
Try it
text-emphasis-color: currentColor;
text-emphasis-color: red;
text-emphasis-color: rgb(90 200 160 / 0.8);
<section id="default-example">
<p>
I'd far rather be
<span class="transition-all" id="example-element">happy than right</span>
any day.
</p>
</section>
p {
font: 1.5em sans-serif;
}
#example-element {
text-emphasis: filled;
}
Cú pháp
css
/* Giá trị ban đầu */
text-emphasis-color: currentColor;
/* <color> */
text-emphasis-color: #555555;
text-emphasis-color: blue;
text-emphasis-color: rgb(90 200 160 / 80%);
text-emphasis-color: transparent;
/* Giá trị toàn cục */
text-emphasis-color: inherit;
text-emphasis-color: initial;
text-emphasis-color: revert;
text-emphasis-color: revert-layer;
text-emphasis-color: unset;
Giá trị
<color>-
Xác định màu của các dấu nhấn mạnh. Nếu không có màu nào được chỉ định, mặc định là
currentColor.
Định nghĩa hình thức
| Initial value | currentcolor |
|---|---|
| Applies to | all elements |
| Inherited | yes |
| Computed value | computed color |
| Animation type | a color |
Cú pháp hình thức
text-emphasis-color =
<color>
Ví dụ
Nhấn mạnh với màu và ký tự tùy chỉnh
CSS
css
em {
text-emphasis-color: green;
text-emphasis-style: "*";
}
HTML
html
<p>Here's an example:</p>
<em>This has emphasis marks!</em>
Kết quả
Đặc tả kỹ thuật
| Specification |
|---|
| CSS Text Decoration Module Level 3 # text-emphasis-color-property |
Tương thích trình duyệt
Xem thêm
- Kiểu dữ liệu
<color> - Các thuộc tính liên quan đến dấu nhấn mạnh khác:
text-emphasis-style,text-emphasis, vàtext-emphasis-position. - Các thuộc tính liên quan đến màu sắc khác:
color,background-color,border-color,outline-color,text-shadow,caret-color, vàcolumn-rule-color