text-emphasis屬性的使用方法

今天小編給大家分享的是text-emphasis屬性的使用方法，很多人都不太了解，今天小編為了讓大家更加了解text-emphasis屬性，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧。一定會有所收獲的哦。

CSS3  text-emphasis屬性

text-emphasis 屬性是簡寫屬性，用于在一個(gè)聲明中設(shè)置 text-emphasis-style 和 text-emphasis-color。

提示：Adobe 的 "Kenten Generic OpenType Font" 是一個(gè)適合強(qiáng)調(diào)（重點(diǎn)）標(biāo)記的字體，它專門為強(qiáng)調(diào)標(biāo)記設(shè)計(jì)。

基本語法：

text-emphasis: text-emphasis-style text-emphasis-color;

text-emphasis-style：向元素的文本應(yīng)用強(qiáng)調(diào)標(biāo)記。

text-emphasis-color：定義強(qiáng)調(diào)標(biāo)記的前景色。

注：目前主流瀏覽器都不支持 text-emphasis 屬性。

CSS3  text-emphasis屬性的使用示例

/* Initial value */
text-emphasis: none; /* No emphasis marks */

/* <string> value */
text-emphasis: 'x';
text-emphasis: '點(diǎn)';
text-emphasis: '\25B2';
text-emphasis: '*' #555;
text-emphasis: 'foo'; /* Should NOT use. It may be computed to or rendered as 'f' only */

/* Keywords value */
text-emphasis: filled;
text-emphasis: open;
text-emphasis: filled sesame;
text-emphasis: open sesame;

/* Keywords value combined with a color */
text-emphasis: filled sesame #555;

/* Global values */
text-emphasis: inherit;
text-emphasis: initial;
text-emphasis: unset;

說明：

none：沒有重點(diǎn)標(biāo)記。

filled：形狀充滿純色。如果既不存在filled也不open存在，這是默認(rèn)值。

open：形狀是空心的。

dot：將顯示小圓圈的標(biāo)記。填充點(diǎn)為'?'（U+2022），空心點(diǎn)為'?'（U+25E6）。

circle：將顯示大圓圈的標(biāo)記。實(shí)心圓是'●'（U+25CF），空心圓是'○'（U+25CB）。當(dāng)沒有給出其他形狀時(shí)，這是水平書寫模式中的默認(rèn)形狀。

double-circle：將顯示雙圓圈的標(biāo)記。填充的雙圓是'?'（U+25C9），開放的雙圓是'◎'（U+25CE）。

triangle：將顯示三角形的標(biāo)記。實(shí)心三角形是'▲'（U+25B2），空心三角形是'△'（U+25B3）。

sesame：將顯示芝麻形狀的標(biāo)記。填充的芝麻是'?'（U+FE45），開放的芝麻是'?'（U+FE46）。當(dāng)沒有給出其他形狀時(shí)，這是垂直書寫模式中的默認(rèn)形狀。

<string>：將給定字符串顯示為標(biāo)記。

<color>：定義標(biāo)記的顏色。如果沒有顏色，則默認(rèn)為currentColor。

以上就是text-emphasis屬性的使用方法的簡略介紹，當(dāng)然詳細(xì)使用上面的不同還得要大家自己使用過才領(lǐng)會。如果想了解更多，歡迎關(guān)注億速云行業(yè)資訊頻道哦！