CSSImageValue

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает в некоторых из наиболее широко используемых браузеров.

Интерфейс CSSImageValue API CSS Typed Object Model представляет значения для свойств, которые принимают изображение, например, background-image, list-style-image или border-image-source.

Объект CSSImageValue представляет собой <image>, который включает URL, например, url() или image(), но не linear-gradient() или element().

Свойства экземпляра

Нет.

Методы экземпляра

Наследует методы от CSSStyleValue.

Примеры

Создаем элемент

<button>Magic Wand</button>

Добавляем CSS, включая изображение фона, запрашивающее двоичный файл:

button {
  display: inline-block;
  min-height: 100px;
  min-width: 100px;
  background: no-repeat 5% center url(magic-wand.png) aqua;
}

Получаем карту стилей элемента. Затем получаем background-image из карты стилей и преобразуем её в строку:

// 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());

Спецификации

Спецификация
CSS Typed OM Level 1 # imagevalue-objects

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`CSSImageValue`	66	79	Нет	53	16.4	66	Нет	47	16.4	9.0	66

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSImageValue