傍点のスタイルと形を指定する
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