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