text-emphasis-style

概要

text-emphasis-style CSSプロパティは使用する圏点の種類を定義します。このプロパティは、text-emphasisショートハンドを用いて、設定、リセットすることもできます。

構文

/* 初期値 */
text-emphasis: none; /* 圏点なし */

/* <string> 値 */
text-emphasis: 'x';
text-emphasis: '点';
text-emphasis: '\25B2';
text-emphasis: '*' #555;
text-emphasis: 'foo'; /* 使用すべきではありません。'f'のみとしてレンダリングされるでしょう。 */

/* キーワード値 */
text-emphasis: filled;
text-emphasis: open;
text-emphasis: filled sesame;
text-emphasis: open sesame;

/* グローバル値 */
text-emphasis: inherit;
text-emphasis: initial;
text-emphasis: unset;

Values

none

圏点なし。

filled

形状は単色で塗りつぶされます。filledもopenも存在しない場合、これがデフォルトです。

open

形状はくりぬかれます。

dot

記号として小さな円を表示します。filled dotは'•'（U+2022）、open dotは'◦'（U+25E6）です。

circle

記号として大きな円を表示します。filled circleは'●'（U+25CF）、open circleは'○'（U+25CB）です。

double-circle

記号として二重丸を表示します。filled double-circleは'◉'（U+25C9）、open double-circleは'◎'（U+25CE）です。

triangle

記号として三角形を表示します。filled triangleは'▲'（U+25B2）、open triangleは'△'（U+25B3）です。

sesame

記号としてゴマを表示します。filled sesameは'﹅'（U+FE45）、open sesameは'﹆'（U+FE46）です。

<string>

記号として文字列を表示します。著者は、<string>で1つの文字列より多く指定すべきではありません。ユーザーエージェントは、1つより多い書記素クラスターから構成される文字列を切り捨てるまたは無視するかもしれません。

正式な構文

none | [[filled | open ] || [dot | circle | double-circle | triangle | sesame ]] | <string>

例

h2 {
  text-emphasis-style: sesame;
}

仕様

ブラウザー互換性

[1] Firefox 45では、デフォルトでアクティブではありません。about:configで、ユーザーはlayout.css.text-emphasis.enabledをtrueに設定する必要があります。

関連項目

• 関連プロパティtext-emphasis-colorとtext-emphasis。
• 圏点の位置の定義を可能にするtext-emphasis-positionプロパティ。