このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

<alpha-value>”値~アルファ値CSS Color Level 4 で追加

記事Oct. 4th,2021
CSSの<alpha-value>値、アルファ値について
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

““<alpha-value>”値”とは?

<alpha-value>”値はアルファ値を表します。

<alpha-value>”値は要素の透明度を表すopacity”プロパティの値、もしくはrgb()”関数hsl()”関数の透明度を表す引数として使用できます。

<alpha-value>”値は<number>”値、もしくは<percentage>”値で表されます。

<number>”値の有効な範囲は“0”から“1”で、“0”が完全な透明、“1”が完全な不透明を表します。

<percentage>”値の有効な範囲は“0%”から“100%”で、“0%”が完全な透明、“100%”が完全な不透明を表します。

有効な範囲外の値は計算値になる段階で範囲内に丸められます。

<alpha-value>”値の例

以下は有効な“<alpha-value>”値の例です。

<number>”値
0
0.5
1

<percentage>”値
0%
50%
100%

仕様書

定義されている仕様書
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告(REC) 作業草稿(WD)
<alpha-value>
定義なし

定義なし

定義なし

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク