MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

text-emphasis-color

概要

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 | WindowText

where
<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.enabledtrueに設定する必要があります。

関連項目

ドキュメントのタグと貢献者

 このページの貢献者: momdo
 最終更新者: momdo,