text-emphasis屬性的使用方法

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

CSS3  text-emphasis屬性

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

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

基本語法：

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

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

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

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

CSS3  text-emphasis屬性的使用示例

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

/* <string> value */
text-emphasis: 'x';
text-emphasis: '點';
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：沒有重點標記。

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

open：形狀是空心的。

dot：將顯示小圓圈的標記。填充點為'?'（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。

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