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().

CSSStyleValue CSSImageValue

In diesem Artikel

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 Hintergrundbilds, 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 Stilkarte des Elements. Dann rufen wir get() für das Hintergrundbild von der Stilkarte auf und konvertieren es in einen String:

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

Spezifikation

CSS Typed OM Level 1
# imagevalue-objects

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

CSS Typed Object Model API
CSSImageValue
Vererbung
1. CSSStyleValue
Verwandte Seiten für CSS Typed Object Model API
Anleitungen
1. Verwenden des CSS Typed Object Model