概要
CSS の initial
キーワードは、要素のプロパティの初期値を適用するものです。CSS のどのプロパティにも使うことができ、要素はそのプロパティの初期値を使います。
例
/* ヘッダーに緑枠をつけます */ h2 { border: medium solid green } /* サイドバーにあるヘッダーには "color" プロパティの値を使います */ #sidebar h2 { border-color: initial; }
<p style="color:red"> this text is red <em style="color:initial"> this text is in the initial color (e.g. black) </em> this is red again </p>
仕様書
仕様書 | 策定状況 | コメント |
---|---|---|
CSS Values and Units Level 3 | 勧告候補 | キーワードを定義 |
CSS Cascade And Inheritance Level 3 | 勧告候補 | initial 値 とは何なのか定義 |
ブラウザ実装状況
機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
基本サポート | 1.0 | Unknown (3.5)-moz[*] 19.0 (19.0) |
未サポート | 未サポート | 1.2(125) |
機能 | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
基本サポート | 1.0 | 3.0 (3.0)-moz[*] 169.0 (169.0) |
未サポート | 未サポート | (有) |
[*] Firefox 1.0 からバージョンごとに -moz-initial
のサポートを徐々に追加し、Firefox 3.5 (Gecko 1.9.1) では完全に quotes
をサポートしました。最新の追加は Firefox 3.6 (Gecko 1.9.2) の、非標準の -moz-border-*-colors
に対するものでした。接頭辞無しのキーワードの実装に伴い、 "-moz-initial
" キーワードは、 Firefox 24 より削除されています。