CSS function element()

Опис

Експериментальна технологія: Перед використанням уважно перевірте таблицю сумісності з браузерами.

Функція element() може бути корисною, коли вам потрібно використовувати HTML елемент як фонове зображення або для створення спеціальних ефектів. Наприклад, ви можете рендерити зображення в HTML елементі canvas та використовувати його як фонове зображення.

Приклад використання:

#css-result {
  background: element(#myElement) no-repeat;
}

У цьому прикладі, елемент з ID #myElement використовується як фон для div елемента.

Нотатка:	Значення можуть бути будь-якими елементами HTML з можливими стилізаціями та властивостями.
Порада:	Використовуючи функцію `element()`, впевніться, що HTML елемент, який ви використовуєте, відповідає вашим потребам щодо розміру, зображення, інших властивостей тощо.
Нотатка:	На деяких браузерах Gecko можна використовувати нестандартний метод `document.mozSetImageElement()` для зміни елемента, який використовується як фон для заданого CSS елемента з фоном.

Синтаксис

element(<id>);

<id>: Ідентифікатор HTML елемента, що використовується як фонове зображення.

Переглядач
	60

Переглядач
	60

Мобільних переглядачів ще не додано.

Приклади

Приклад 1

Використання функції element() для створення фону.


  See the Pen <a href="https://codepen.io/BonD007-the-flexboxer/pen/poQbRaJ">
  Untitled</a> by BonD007 (<a href="https://codepen.io/BonD007-the-flexboxer">@BonD007-the-flexboxer</a>)
  on <a href="https://codepen.io">CodePen</a>.

CSS довідник

CSS функції

CSS function element()

Опис

Синтаксис

Переглядачі

Приклади