SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
CSS/Eigenschaften/opacity
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft opacity steuert den Grad der Deckkraft über den Alphakanal. Deckkraft (engl. opacity) ist das Gegenteil von Transparenz.
- Erlaubte Werte
Alphawert
: Zahl zwischen 0 und 1inherit
- Vererbung steuernde Werte
inherit
,initial
,unset
undrevert
- Standardwert
1
- anwendbar auf
alle Elemente
- Vererbung
nein
- animierbar
ja, als Zahl
Beispiel
aside { opacity: 0.5; }
Beachten Sie: Obwohl der Wert für
Das Setzen von opacity erzeugt einen neuen Stapelkontext!
opacity
eine prozentuale Angabe ist, sind Prozentwerte nicht erlaubt.
Das Setzen von opacity erzeugt einen neuen Stapelkontext!
Empfehlung: Wenn Sie nur den Hintergrund und nicht den Textinhalt durchscheinend darstellen wollen, verwenden Sie rgb-Farbangaben mit Angabe des Alphakanals bei der Hintergrundfarbe.
Siehe auch
- Sichtbarkeit von Elementen
hidden oder display: none?
visibility und opacity - z-index und Stapelkontext
Auch hier spielt opacity eine Rolle!
Weblinks
- Spezifikation (W3C): opacity property
Liste der CSS-Eigenschaftem
- Positionierung und Anzeige
- Abstände
- Benutzeroberfläche
- Container
- generierter Inhalt
- Größenangaben
- Box-Ausrichtung
- Flexbox Layout
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Scroll Snap
- Rahmen und Schatten
- Schriftformatierung
- Textformatierung
- Textausrichtung
- Umbruchsteuerung
- Transformationen
- Animationen