[3] CSS の hsla() 関数は、 HSL による色と不透明度
(α値) を表します。
仕様書
- [2] CSS Color Module Level 3 ( 版) http://www.w3.org/TR/2011/REC-css3-color-20110607/#hsla-color
hsla()
[5] hsla() 関数は、
- [6]
hsla( - [7]
hsl() 同様に H、S、L を表す3つの値 - [8] 読点
- [9]
<alphavalue> - [10]
)
... で構成されます。 >>2
[11] H, S, L, <alphavalue> の前後には空白を挿入できます。 >>2
[12] 関数名は大文字でも小文字でも構いませんし、escape
することもできます。
[13] CSS3 仕様書上は構文は十分明確に規定されていません。色空間と色域
[14] 利用者エージェントは、 H, S, L の値を hsl()
関数の場合と同様に装置の色域に応じてくりぬきしなければなりません。
>>2
[15] また <alphavalue> も正規化されます。
構文解析
[1]
Firefox 3 では、 a の値が 1 以上なら構文解析時に
rgb() に置き換えられ、
0 以下なら構文解析時に a が 0 の
rgba() に置き換えられます。
例
- [4]
hsla(120, 100%, 50%, 1)
これは不透明度が 1 で完全に不透明なので、 hsl(120, 100%, 50%) (緑)
と同じ色を表します。 >>2