text-emphasisプロパティ

text-emphasisプロパティに指定できる値

このプロパティはtext-emphasis-styleプロパティとtext-emphasis-colorプロパティをまとめて指定することができます。
印の表示位置を指定するtext-emphasis-positionプロパティは指定できないため、個別に指定する必要があります。

CSS コード例

p em {
  text-emphasis: triangle blue;
}

使用例

印のスタイル、色、表示位置を指定

text-emphasisプロパティとtext-emphasis-positionプロパティを使って、印のスタイル、色、表示位置を指定します。
2018年12月現在、ChromeとOperaでこのプロパティを使用するにはベンダープレフィックス「-webkit-」を付けて指定する必要があります。

CSS コード例

.sample2 em {
  text-emphasis: circle #ccc;
  text-emphasis-position: under left;
}

HTML コード例

<p class="sample2">印の<em>スタイルと色</em>をまとめて指定する</p>

印のスタイルと色はtext-emphasisプロパティで指定し、表示位置についてはtext-emphasis-positionプロパティから指定しています。