CSS の text-emphasis-style
プロパティは、圏点の表示を設定します。設定や解除に一括指定の text-emphasis
を使用することもできます。
/* 初期値 */
text-emphasis-style: none; /* 圏点なし */
/* <string> 値 */
text-emphasis-style: 'x';
text-emphasis-style: '点';
text-emphasis-style: '\25B2';
text-emphasis-style: '*';
text-emphasis-style: 'foo'; /* 使用するべきではない。計算されるか 'f' のみが表示される */
/* キーワード値 */
text-emphasis-style: filled;
text-emphasis-style: open;
text-emphasis-style: dot;
text-emphasis-style: circle;
text-emphasis-style: double-circle;
text-emphasis-style: triangle;
text-emphasis-style: filled sesame;
text-emphasis-style: open sesame;
/* グローバル値 */
text-emphasis-style: inherit;
text-emphasis-style: initial;
text-emphasis-style: unset;
初期値 | none |
---|---|
適用対象 | すべての要素 |
継承 | なし |
計算値 | 指定値 |
アニメーションの種類 | 個別 |
構文
値
none
- 圏点なし。
filled
- 図形は単色で塗りつぶされます。
filled
もopen
も指定されない場合は、これが既定値です。 open
- 図形は中抜きになります。
dot
- 記号として小さな円を表示します。 filled dot は
'•'
(U+2022
)、 open dot は'◦'
(U+25E6
) です。 circle
- 記号として大きな円を表示します。 filled circle は
'●'
(U+25CF
)、 open circle は'○'
(U+25CB
) です。 double-circle
- 記号として二重丸を表示します。 filled double-circle は
'◉'
(U+25C9
)、 open double-circle は'◎'
(U+25CE
) です。 triangle
- 記号として三角形を表示します。 filled triangle は
'▲'
(U+25B2
)、 open triangle は'△'
(U+25B3
) です。 sesame
- 記号としてゴマを表示します。 filled sesame は
'﹅'
(U+FE45
)、 open sesame は'﹆'
(U+FE46
) です。 <string>
- 記号として文字列を表示します。
<string>
には1文字を超える文字列を指定しないでください。ユーザーエージェントは、1つより多い書記素クラスターから構成される文字列を短縮したり無視したりする可能性があります。
形式文法
例
h2 {
text-emphasis-style: sesame;
}
仕様書
仕様書 | 状態 | 備考 |
---|---|---|
CSS Text Decoration Module Level 3 text-emphasis の定義 |
勧告候補 | 初回定義 |
ブラウザーの互換性
BCD tables only load in the browser
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
関連情報
- 関連プロパティ:
text-emphasis-color
,text-emphasis
- 圏点の位置の定義を可能にする
text-emphasis-position
プロパティ。