1. Home
  2. CSS3の不透明度プロパティ

CSS3の不透明度プロパティ2024 年の最新の入門チュートリアル。このコースでは 例,ブラウザのサポート,属性の定義と指示,文法,より多くの例, について学習できます。

CSS3の不透明度プロパティ

例

div要素の透明度を設定します。

div要素
{
不透明度：0.5;
}

»をお試しください
より多くの例については、このページの下で。

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

すべての主要なブラウザは不透明プロパティをサポートしています。 。

注意：IE8およびそれ以前のバージョンは、別のフィルタのプロパティをサポートしています。 同様に：フィルタ：アルファ（不透明度= 50）

属性の定義と指示

不透明度プロパティは透明要素レベルに設定されます。

デフォルト： 1
継承： いいえ
バージョン： CSS3
JavaScriptシンタックス： オブジェクト.style.opacity = 0.5

文法

opacity:value|inherit;

值 描述
value 指定不透明度。从0.0（完全透明）到1.0（完全不透明）
inherit Opacity属性的值应该从父元素继承

例

より多くの例

要素の不透明度を変更します
この例では、不透明度の要素を変更するには、JavaScriptを使用する方法を示します。

ホットチュートリアル

お問い合わせ

CSS3の不透明度プロパティ
10/30