CSSImageValue
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Das CSSImageValue Interface der CSS Typed Object Model API repräsentiert Werte für Eigenschaften, die ein Bild erfordern, wie zum Beispiel background-image, list-style-image oder border-image-source.
Das CSSImageValue-Objekt repräsentiert ein <image>, das eine URL involviert, wie url() oder image(), aber nicht linear-gradient() oder element().
Instanz-Eigenschaften
Keine.
Instanz-Methoden
Erbt Methoden von CSSStyleValue.
Beispiele
Wir erstellen ein Element
html
<button>Magic Wand</button>
Wir fügen etwas CSS hinzu, einschließlich eines Hintergrundbildes, das eine Binärdatei anfordert:
css
button {
display: inline-block;
min-height: 100px;
min-width: 100px;
background: no-repeat 5% center url("magic-wand.png") aqua;
}
Wir erhalten die Style-Map des Elements. Dann holen wir das background-image aus der Style-Map und wandeln es in einen String um:
js
// 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
| Specification |
|---|
| CSS Typed OM Level 1 # imagevalue-objects |
Browser-Kompatibilität
Loading…