CSS text-emphasis 屬性
示例
text-emphasis 屬性的使用
p.ex1 {
text-emphasis: filled;
}
p.ex2 {
text-emphasis: open;
}
p.ex3 {
text-emphasis: double-circle red;
}
p.ex4 {
text-emphasis: triangle blue;
}
自己動手試一試 »
定義和用法
text-emphasis 屬性用於為文字新增強調標記。
text-emphasis 屬性是 text-emphasis-style 和 text-emphasis-color 的簡寫屬性。
提示： 強調標記的大小約為字型大小的 50%。
| 預設值 | none currentcolor |
|---|---|
| 繼承 | 是 |
| 版本 | CSS3 |
| JavaScript 語法 | object.style.textEmphasis="filled blue" |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| text-emphasis | 99.0 | 99.0 | 46.0 | 7.0 | 85.0 |
CSS 語法
text-emphasis: none|filled|open|dot|circle|double-circle|triangle|sesame|字串|顏色|initial|inherit;
| 值 | 描述 | |
|---|---|---|
| none | 不應用強調標記 | 演示 ❯ |
| filled | 強調標記用實心填充 | 演示 ❯ |
| open | 強調標記為空心 | 演示 ❯ |
| dot | 強調標記是小圓圈 | 演示 ❯ |
| circle | 強調標記是圓圈 | 演示 ❯ |
| double-circle | 強調標記是雙圓圈 | 演示 ❯ |
| triangle | 強調標記是三角形 | 演示 ❯ |
| sesame | 強調標記是芝麻 | 演示 ❯ |
| string | 強調標記是給定的字串（一個字元） | 演示 ❯ |
| color | 設定強調標記的顏色 | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
