CSS text-emphasis-style 属性

定義と使用法

text-emphasis-style 属性は強調マークのスタイルを設定します。

ヒント：強調マークの大きさは、フォントサイズの約50％です。

例

使用 text-emphasis-style 属性：

p.ex1 {
  text-emphasis-style: filled;
}
p.ex2 {
  text-emphasis-style: open;
}
p.ex3 {
  text-emphasis-style: double-circle;
}
p.ex4 {
  text-emphasis-style: "#";
}

実際に試してみてください

CSS文法

text-emphasis-style: none|filled|open|dot|circle|double-circle|triangle|sesame|string|initial|inherit;

属性値

値 説明
なし 強調マークを適用しません。
filled 強調マークの塗りつぶしを実色に設定します。
open 強調マークを空洞に設定します。
dot 強調マークを小さな点に設定します。
circle 強調マークを円に設定します。
double-circle 強調マークを二重円に設定します。
triangle 強調マークを三角形に設定します。
sesame 強調マークを胡麻形（小さな点群）に設定します。
string 強調マークを指定された文字（1文字）に設定します。
initial この属性をデフォルト値に設定します。参照: initial。
inherit 親要素からこの属性を継承します。参照: inherit。

技術的詳細

デフォルト値： なし
継承性： はい
バージョン： CSS3
JavaScript文法： object.style.textEmphasisStyle="triangle"

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
99.0 99.0 46.0 7.0 85.0