CSS/Eigenschaften/shape-image-threshold
Aus SELFHTML-Wiki
CSS | Eigenschaften
Die Eigenschaft shape-image-threshold definiert, welcher Grad an Deckkraft (opacity) zur Erzeugung der Form herangezogen wird
- Erlaubte Werte
Zahlwert zwischen 0.0 (völlig transparent) und 1.0 (völlig abdeckend)
- Vererbung steuernde Werte
inherit
,initial
,unset
undrevert
- Standardwert
0.0
- anwendbar auf
alle Blockelemente
- Vererbung
nein
- animierbar
ja
Beispiel
.kugel{
shape-outside: circle(50%);
shape-margin: 2%;
}
.form{
shape-outside: url(bold.png);
shape-image-threshold: 0.5;
}
Der Text umfließt ein Bild mit Transparenzen. Ein Wert von 0.5 bedeutet, dass nur Pixel mit einer Deckkraft von 50% und mehr zur Erzeugung der Form herangezogen werden.
Siehe auch
Weblinks
- Spezifikation (W3C): shape-image-threshold property
- MDN: shape-threshold
- Details: caniuse.com
Liste der CSS-Eigenschaften
- Positionierung und Anzeige
- anchor-name
- position
- position-anchor
- clear
- clip
- clip-path
- display
- filter
- float
- image-rendering
- inset
- inset-block
- inset-inline
- isolation
- mask
- mix-blend-mode
- object-fit
- object-position
- opacity
- overflow-wrap
- overflow
- pointer-events
- shape-inside
- shape-outside
- shape-margin
- shape-image-threshold
- text-overflow
- visibility
- z-index
- 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