<alpha-value>

Der <alpha-value> CSS Datentyp repräsentiert einen Wert, der entweder ein <number> oder ein <percentage> sein kann, und gibt den Alpha-Kanal oder die Transparenz einer Farbe an.

Syntax

Der Wert eines <alpha-value> wird entweder als <number> oder als <percentage> angegeben.

Wenn der Wert als Zahl gegeben ist, liegt der nützliche Bereich zwischen 0 (vollständig transparent) und 1.0 (vollständig undurchsichtig), mit Dezimalwerten dazwischen. Zum Beispiel bedeutet 0.5, dass die Hälfte der Vordergrundfarbe und die Hälfte der Hintergrundfarbe verwendet wird. Werte außerhalb des Bereichs von 0 bis 1 sind zulässig, werden jedoch geklammert und liegen dann im Bereich von 0 bis 1.

Wenn der Alpha-Wert als Prozentwert angegeben ist, entspricht 0% vollständig transparent, während 100% vollständig undurchsichtig bedeutet.

Formale Syntax

<alpha-value> = 
<number> |
<percentage>

Interpolation

Wenn animiert, werden Werte des <alpha-value> CSS-Datentyps als reale Gleitkommazahlen interpoliert. Die Geschwindigkeit der Interpolation wird durch die mit der Animation verknüpfte Easing-Funktion bestimmt.

Beispiele

Deckkraft der Textfarbe einstellen

Die Funktion rgb() akzeptiert einen vierten optionalen Wert, um einen Alpha-Wert anzugeben. Das folgende Beispiel zeigt, wie eine Farbe mit 60% Deckkraft unter Verwendung des Alpha-Werts angewendet wird:

css
/* <rgb()> */
color: rgb(34 12 64 / 60%);

Schwellenwert für Formenbild einstellen

Hier wird ein Alpha-Wert verwendet, um zu bestimmen, welche Teile eines Bildes als Teil einer Form angesehen werden:

css
/* shape-image-threshold */
shape-image-threshold: 70%;
shape-image-threshold: 0.7;

Spezifikationen

Specification
CSS Color Module Level 4
# typedef-color-alpha-value

Siehe auch