CSSImageValue
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Das CSSImageValue Interface der CSS Typed Object Model API repräsentiert Werte für Eigenschaften, die ein Bild benötigen, zum Beispiel background-image, list-style-image oder border-image-source.
Das CSSImageValue-Objekt repräsentiert ein <image>, das eine URL beinhaltet, wie zum Beispiel url() oder <image()>, jedoch nicht linear-gradient() oder element().
Instanz-Eigenschaften
Keine.
Instanz-Methoden
Erbt Methoden von CSSStyleValue.
Beispiele
Wir erstellen ein Element
<button>Magic Wand</button>
Wir fügen etwas CSS hinzu, einschließlich eines Hintergrundbilds, das eine Binärdatei anfordert:
button {
display: inline-block;
min-height: 100px;
min-width: 100px;
background: no-repeat 5% center url("magic-wand.png") aqua;
}
Wir erhalten die Stilkarte des Elements. Dann rufen wir get() für das Hintergrundbild von der Stilkarte auf und konvertieren es in einen String:
// get the element
const button = document.querySelector("button");
// Retrieve all computed styles with computedStyleMap()
const allComputedStyles = button.computedStyleMap();
// Return the CSSImageValue Example
console.log(allComputedStyles.get("background-image"));
console.log(allComputedStyles.get("background-image").toString());
Spezifikationen
| Spezifikation |
|---|
| CSS Typed OM Level 1 # imagevalue-objects |