From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/css/alpha-value/index.html | 64 +++++++++++++++++++++++++++++++++ 1 file changed, 64 insertions(+) create mode 100644 files/ja/web/css/alpha-value/index.html (limited to 'files/ja/web/css/alpha-value') diff --git a/files/ja/web/css/alpha-value/index.html b/files/ja/web/css/alpha-value/index.html new file mode 100644 index 0000000000..43f07fb8d7 --- /dev/null +++ b/files/ja/web/css/alpha-value/index.html @@ -0,0 +1,64 @@ +--- +title: +slug: Web/CSS/alpha-value +tags: + - Alpha-value + - CSS + - CSS Data Type + - CSS データ型 + - Data Type + - Draft + - Example + - アルファ値 + - データ型 +translation_of: Web/CSS/alpha-value +--- +
{{CSSRef}}
+ +

<alpha-value> は CSS のデータ型であり、 {{cssxref("<number>")}} または {{cssxref("<percentage>")}} によって色の{{Glossary("alpha", "アルファチャネル")}}または透過性を表します。

+ +

構文

+ +

数値で指定された場合、利用可能な範囲は '0' (完全透過) から '1' (完全不透過) までの小数値です。 0 から 1 の範囲を超える数も有効ですが、 0 から 1 の範囲にクランプされます。

+ +

パーセント値で指定された場合、 '0%' は完全に透明、 '100%' は完全に不透明に対応します。

+ +

補間

+ +

アニメーションの際、 CSS の <alpha-value> データ型の値は実数の浮動小数点値として補間されます。補間の速度はアニメーションと関連づけられたタイミング関数によって決められます。

+ +

例

+ +

<alpha-value> 値を使用する CSS 機能には、 rgba() や hsla() などの色関数や、シェイプを抽出する目的で画像の一部とみなされるピクセルを決定する {{cssxref("shape-image-threshold")}} などがあります。

+ +
/* <rgba()> */
+color: rgba(34, 12, 64, 0.6);
+color: rgba(34.0 12 64 / 60%);
+
+/* shape-image-threshold */
+shape-image-threshold: 70%;
+shape-image-threshold: 0.7;
+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('CSS4 Colors', '#type-def-alpha-value', '<alpha-value>')}}{{Spec2('CSS4 Colors')}}目立った変更なし。
{{SpecName('CSS3 Colors', '#alphavaluedt', '<alpha-value>')}}{{Spec2('CSS3 Colors')}}<alpha-value> を rgba() および hsla() 関数表記のために導入した。
-- cgit v1.2.3-54-g00ecf