text-emphasis-positionプロパティは、テキスト傍点の位置を指定する際に使用します。
over と underは、横書きの場合の傍点の表示位置を指定する値です。
right と leftは、縦書きの場合の傍点の表示位置を指定する値です。
初期値は、over rightです。
p.sample {
text-emphasis: triangle red;
text-emphasis-position: under left;
}
<p class="sample"> text-emphasis: triangle red;<br> text-emphasis-position: under left;<br> を指定。 </p>
text-emphasis: triangle red;
text-emphasis-position: under left;
を指定。
p.prefix_sample {
-webkit-text-emphasis: triangle red;
-moz-text-emphasis: triangle red;
-ms-text-emphasis: triangle red;
-webkit-text-emphasis-position: under left;
-moz-text-emphasis-position: under left;
-ms-text-emphasis-position: under left;
}
<p class="prefix_sample"> -webkit-text-emphasis: triangle red;<br> -moz-text-emphasis: triangle red;<br> -ms-text-emphasis: triangle red;<br> <br> -webkit-text-emphasis-position: under left;<br> -moz-text-emphasis-position: under left;<br> -ms-text-emphasis-position: under left;<br> を指定。 </p>
-webkit-text-emphasis: triangle red;
-moz-text-emphasis: triangle red;
-ms-text-emphasis: triangle red;
-webkit-text-emphasis-position: under left;
-moz-text-emphasis-position: under left;
-ms-text-emphasis-position: under left;
を指定。