MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

text-emphasis-style

概要

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

初期値none
適用対象全要素
継承不可
メディアvisual
計算値指定値
アニメーションの可否不可
正規順序形式文法で定義される一意のあいまいでない順序

構文

/* 初期値 */
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
形状は単色で塗りつぶされます。filledopenも存在しない場合、これがデフォルトです。
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;
}

仕様

仕様 状態 コメント
CSS Text Decoration Level 3
text-emphasis の定義
勧告候補 初期の定義

ブラウザー互換性

機能 Firefox (Gecko) Chrome Internet Explorer Opera Safari
基本サポート 46 (46)[1] 25.0-webkit 未サポート 15.0-webkit 6.1-webkit
7.1
機能 Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
基本サポート 46 (46)[1] 4.4-webkit 未サポート 33-webkit 7.1

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

関連項目

ドキュメントのタグと貢献者

 このページの貢献者: momdo
 最終更新者: momdo,