最終更新日

text-emphasis-positionプロパティ

text-emphasis-positionは、強調マークの位置を指定するプロパティです。

値は「above、below」のいずれかと「right、left」のいずれかを、必ず2つのペアにして指定しなければなりません。初期値は「above right」です。

以下は、関連プロパティです。

text-emphasis
text-emphasis-style
text-emphasis-color

CSS3での変更点
・text-emphasis-positionは、CSS3から新しく追加されたプロパティです。
初期値 適用先 継承
above right すべての要素 あり
説明
above 横書きのテキストの上に強調マークを表示します。
below 横書きのテキストの下に強調マークを表示します。
right 縦書きのテキストの右側に強調マークを表示します。
left 縦書きのテキストの左側に強調マークを表示します。
サンプルコード
text-emphasis-position: above right;
text-emphasis-position: above left;
text-emphasis-position: below right;
text-emphasis-position: below left;
参考文献:CSS Text Level 3外部リンク
HOME
当サイトの活動をサポートしてみませんか?気軽にクリエイターの支援ができます。