css中的text-emphasis屬性有什么用

這篇文章主要為大家展示了“css中的text-emphasis屬性有什么用”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css中的text-emphasis屬性有什么用”這篇文章吧。

　　CSS3text-emphasis屬性

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

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

　　基本語法：

　　text-emphasis:text-emphasis-styletext-emphasis-color;

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

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

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

　　CSS3text-emphasis屬性的使用示例

　　/*Initialvalue*/

　　text-emphasis:none;/*Noemphasismarks*/

　　/*<string>value*/

　　text-emphasis:'x';

　　text-emphasis:'點(diǎn)';

　　text-emphasis:'\25B2';

　　text-emphasis:'*'#555;

　　text-emphasis:'foo';/*ShouldNOTuse.Itmaybecomputedtoorrenderedas'f'only*/

　　/*Keywordsvalue*/

　　text-emphasis:filled;

　　text-emphasis:open;

　　text-emphasis:filledsesame;

　　text-emphasis:opensesame;

　　/*Keywordsvaluecombinedwithacolor*/

　　text-emphasis:filledsesame#555;

　　/*Globalvalues*/

　　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)為'&bull;'（U+2022），空心點(diǎn)為'?'（U+25E6）。

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

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

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

以上是“css中的text-emphasis屬性有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！