English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
opacity CSS属性は、要素の透明度を指定します。
以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用方法を説明しています。
デフォルト値: | 1 (不透明) |
---|---|
適用: | すべての要素 |
継承: | ありません |
アニメーション可能: | は。参照してください アニメーション属性。 |
バージョン: | CSS3の新しい機能 |
JavaScriptの構文: | object.style.opacity=0.5 |
この属性の構文は以下の通りです:
opacity: alphavalue | initial | inherit
以下の例では、opacity属性の使用方法を示しています。
img { opacity: 0.25; } p { opacity: 0.5; }テストをしてみる‹/›
以下のテーブルは、この属性の値を説明しています。
値 | 説明 |
---|---|
alphavalue | 0(完全透明)から1(完全不透明)範囲の数字。もっと小さいまたはもっと大きな値はこの範囲内に制限されます。 |
initial | この属性をデフォルト値に設定します。 |
inherit | 指定された場合、関連する要素は親要素のopacityの属性値を使用します。 |
opacity属性のブラウザの互換性について、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示しています;すべての主要ブラウザがこの属性をサポートしています。
|
注意: Internet Explorer 8および、より古いバージョンではopacityをサポートせず、代わりに代替方法をサポートしています。ただし、Microsoft filter属性。お気に入り:filter: Alpha(opacity=50); 有关CSSの不透明度の詳細情報