text-emphasisプロパティの意味と使い方

{ text-emphasis 【 テキスト・エンファシス 】 : -style -color; }

text-emphasisプロパティは、文字の傍点をまとめて指定するショートハンドです。

初期値	各プロパティの初期値
継承	あり
適用される要素	すべての要素
モジュール	CSS Text Decoration Module Level 3

値の指定方法

指定できる値は各プロパティと同様です。値は半角スペースで区切って指定します。省略した場合は、各プロパティの初期値が適用されます。

2015年1月現在では、Google Chrome、Safaiなどがこのプロパティに対応していますが、適用するには接頭辞に-webkit-を記述します。

サンプルコード

.att{
  -webkit-text-emphasis: circle red;
}

上の例で指定したtext-emphasisプロパティは、各プロパティを以下のように指定した場合と同様の表示になります。

.att{
  -webkit-text-emphasis-style: circle;
  -webkit-text-emphasis-color: red;
}

関連記事

• text-emphasis-style　傍点のスタイルと形を指定する
• text-emphasis-color　傍点の色を指定する