傍点のスタイルと形を指定する
text-emphasis-style
{
text-emphasis-style
text-emphasis-styleプロパティは、文字に付ける傍点のスタイルと形を指定します。
| 初期値 | none |
|---|---|
| 継承 | あり |
| 適用される要素 | すべての要素 |
| モジュール | CSS Text Decoration Module Level 3 |
値の指定方法
スタイル
| none | 傍点を表示しません。 |
|---|---|
| filled | 塗りつぶしの傍点が表示されます。 |
| open | 白抜きの傍点が表示されます。 |
| 任意の文字 | 任意の文字を傍点として指定できます。文字は引用符(")で囲って記述します。 |
形
スタイルの値がfilled、openの場合、続けて半角スペースで区切って記述します。
| dot | 小さな円の傍点が表示されます。 |
|---|---|
| circle | 大きな円の傍点が表示されます。 |
| double-circle | 二重丸の傍点が表示されます。 |
| triangle | 三角形の傍点が表示されます。 |
| sesame | ゴマの形の傍点が表示されます。 |
サンプルコード
2015年1月現在では、Google Chrome、Safaiなどがこのプロパティに対応していますが、適用するには接頭辞に-webkit-を記述します。
.att{
-webkit-text-emphasis-style: filled triangle;
}
Google Chrome


