このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

text-emphasis”プロパティ:圏点CSS3で追加

記事Nov. 22nd,2021
テキストを強調する圏点や傍点を付加するプロパティ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

プロパティについて

概要

初期値 text-emphasis-style: none;
text-emphasis-color: currentColor;
適用対象 すべての要素
継承 Yes
パーセント値 一括指定が対象とする各プロパティの定義に依る
計算値 一括指定が対象とする各プロパティの定義に依る
アニメーション 一括指定が対象とする各プロパティの定義に依る

text-emphasis”プロパティは要素のテキストを強調する圏点や傍点を指定する以下のプロパティの一括指定プロパティです。

圏点

サンプルコード

span { text-emphasis: filled dot rgb(204,153,204);}

<'text-emphasis-style'>”値<'text-emphasis-color'>”値ホワイトスペースで区切って1個ずつ指定できます。値を記述する順番は自由で、初期値のままで良い値は省略できます。ただし、<'text-emphasis-style'>”値を指定しない場合は圏点を付加しない“none”のため、圏点は付加されません。

span { text-emphasis: 〚“<'text-emphasis-style'>”値〛 〚“<'text-emphasis-color'>”値〛;}

使用例

テキストに圏点を付加する

<p>
彼女は「<span>猫は上のかぎり黒くてことはみな白き</span>」と記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
</p>
span { text-emphasis: filled dot rgb(204,153,204);}

彼女は「猫は上のかぎり黒くてことはみな白き」と記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク