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

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

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

プロパティについて

概要

初期値 text-emphasis-color: currentColor;
適用対象 すべての要素
継承 Yes
パーセント値 パーセント値は指定できません
計算値 算出された色
アニメーション 計算値

text-emphasis-color”プロパティはtext-emphasis-style”プロパティtext-emphasis”プロパティによるテキストを強調する圏点や傍点の色を指定するプロパティです。

圏点

圏点の色は既定では圏点を付加するテキストの文字色と同じ(currentcolor)ですが、“text-emphasis-color”プロパティによって色を変更することができます。

サンプルコード

span { text-emphasis-color: rgb(243,86,109);}

仕様書

定義されている仕様書
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告候補(CR) 作業草稿(WD)
text-emphasis-color
定義なし

定義なし

定義あり

定義あり

使用例

圏点の色を指定する

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

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

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