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

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

　　CSS3text-emphasis屬性

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

　　提示：Adobe的"KentenGenericOpenTypeFont"是一個適合強調（重點）標記的字體，它專門為強調標記設計。

　　基本語法：

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

　　text-emphasis-style：向元素的文本應用強調標記。

　　text-emphasis-color：定義強調標記的前景色。

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

　　CSS3text-emphasis屬性的使用示例

　　/*Initialvalue*/

　　text-emphasis:none;/*Noemphasismarks*/

　　/*<string>value*/

　　text-emphasis:'x';

　　text-emphasis:'點';

　　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：沒有重點標記。

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

　　open：形狀是空心的。

　　dot：將顯示小圓圈的標記。填充點為'&bull;'（U+2022），空心點為'?'（U+25E6）。

　　circle：將顯示大圓圈的標記。實心圓是'●'（U+25CF），空心圓是'○'（U+25CB）。當沒有給出其他形狀時，這是水平書寫模式中的默認形狀。

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

　　triangle：將顯示三角形的標記。實心三角形是'▲'（U+25B2），空心三角形是'△'（U+25B3）。

　　sesame：將顯示芝麻形狀的標記。填充的芝麻是'?'（U+FE45），開放的芝麻是'?'（U+FE46）。當沒有給出其他形狀時，這是垂直書寫模式中的默認形狀。

　　<string>：將給定字符串顯示為標記。

　　<color>：定義標記的顏色。如果沒有顏色，則默認為currentColor。

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