概要
text-emphasis-color CSSプロパティは、圏点を描画するために使用する色を定義します。このプロパティは、text-emphasisショートハンドを用いて、設定、リセットすることもできます。
| 初期値 | currentColor |
|---|---|
| 適用対象 | 全要素 |
| 継承 | 不可 |
| メディア | visual |
| 計算値 | 半透明の値なら、計算値はそれに対応する rgba()。さもなくばその値に対応する rgb()。transparent キーワードは rgba(0,0,0,0) にマップされます。 |
| アニメーションの可否 | 可。 の値として補完しますcolor |
| 正規順序 | 形式文法で定義される一意のあいまいでない順序 |
構文
/* 初期値 */ text-emphasis-color: currentColor; /* <color> */ text-emphasis-color: #555; text-emphasis-color: blue; text-emphasis-color: rgba(90, 200, 160, 0.8); text-emphasis-color: transparent; /* グローバル値 */ text-emphasis-color: inherit; text-emphasis-color: initial; text-emphasis-color: unset;
値
<color>- 記号の色を定義します。colorが存在しない場合、デフォルトでは
currentColorです。
正式な構文
<color>where
<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where
<rgb()> = rgb( <rgb-component>#{3} )
<rgba()> = rgba( <rgb-component>#{3} , <alpha-value> )
<hsl()> = hsl( <hue>, <percentage>, <percentage> )
<hsla()> = hsla( <hue>, <percentage>, <percentage>, <alpha-value> )
<named-color> = <ident>
<deprecated-system-color> = ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowTextwhere
<rgb-component> = <integer> | <percentage>
<alpha-value> = <number>
<hue> = <number>
例
h2 {
text-emphasis-color: #555;
}仕様
| 仕様 | 状態 | コメント |
|---|---|---|
| CSS Text Decoration Level 3 text-emphasis の定義 |
勧告候補 | 初期の定義 |
ブラウザー互換性
| 機能 | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | 46 (46)[1] | 25.0-webkit | 未サポート | 15.0-webkit | 6.1-webkit 7.1 |
| 機能 | Firefox Mobile (Gecko) | Android | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | 46 (46)[1] | 4.4-webkit | 未サポート | 33-webkit | 7.1 |
[1] Firefox 45では、デフォルトでアクティブではありません。about:configで、ユーザーはlayout.css.text-emphasis.enabledをtrueに設定する必要があります。
関連項目
- プロパティ
text-emphasis-styleとtext-emphasis。 - 圏点の位置の定義を可能にする
text-emphasis-positionプロパティ。