<alpha-value>

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

Syntax

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

Wenn es als Zahl angegeben wird, ist der nützliche Bereich von 0 (vollständig transparent) bis 1,0 (vollständig opak), mit dazwischen liegenden Dezimalwerten; das heißt, 0,5 gibt an, 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 abgegrenzt um innerhalb des Bereichs von 0 bis 1 zu liegen.

Wenn der Alphawert als Prozentsatz angegeben wird, entspricht 0% vollständig transparent, während 100% vollständig opak bedeutet.

Formale Syntax

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

Interpolation

Bei Animationen werden Werte des <alpha-value> CSS-Datentyps als reale, Gleitkommawerte interpoliert. Die Geschwindigkeit der Interpolation wird durch die mit der Animation verbundene Easing-Funktion bestimmt.

Beispiele

Einstellen der Textfarbendeckkraft

Die rgb() Funktion akzeptiert einen vierten optionalen Wert zur Angabe eines Alphawertes. Das folgende Beispiel zeigt, wie man eine Farbe mit 60% Deckkraft mithilfe des Alphawertes anwendet:

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

Einstellen der Formbildschwelle

Hier wird ein Alphawert verwendet, um zu bestimmen, welche Teile eines Bildes als Teil einer Form betrachtet 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