text-emphasis
text-emphasis はテキストに対し圏点を適用します。 これは text-emphasis-style と text-emphasis-color の一括指定です。
- 値
- text-emphasis-style と text-emphasis-color の各値
- 初期値
-
- text-emphasis-style: none
- text-emphasis-color: currentcolor
- 対象
- すべての要素
- 継承
- しない
- CSS レベル
- CSS 3（CSS Text Decoration Module Level 3）
値の詳細
text-emphasis-style
値は塗りつぶしと形状をスペースで区切って指定が可能です。
圏点をつけない場合の指定
- none
- 圏点なし
塗りつぶしの指定
- filled
- 塗りつぶし
- open
- 中抜き
形状
- dot
- 点
- circle
- 丸
- dual-circle
- 二重円
- triangle
- 三角形
- sesame
- ゴマ
text-emphasis-color
- 色名
- color プロパティの値と同じものが使用できます。
サンプル
span {
text-emphasis: filled double-circle blue;
}