CSS text-emphasis-position 属性

定義と使用法

text-emphasis-position 属性は強調マークの場所（上、下、左、右）を指定します。

ヒント：使用 writing-mode 属性を使用して水平または垂直書き込みモードを指定します。

例

使用 text-emphasis-position 属性：

h3.ex1 {
  text-emphasis: double-circle red;
  text-emphasis-position: over;
}
h3.ex2 {
  text-emphasis: triangle blue;
  text-emphasis-position: under;
}
h3.ex3 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under right;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under left;
}

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

CSS 言語

text-emphasis-position: over|under|left|right|initial|inherit;

属性値

技術的詳細

ブラウザのサポート

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