CSS function element

Опис

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

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

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

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

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

правити

Порада

Використовуючи функцію element(), впевніться, що HTML елемент, який ви використовуєте, відповідає вашим потребам щодо розміру, зображення, інших властивостей тощо.

автор: Bond правити

Нотатка

На деяких браузерах Gecko можна використовувати нестандартний метод document.mozSetImageElement() для зміни елемента, який використовується як фон для заданого CSS елемента з фоном.

автор: Bond правити

Нотатка

Значення можуть бути будь-якими елементами HTML з можливими стилізаціями та властивостями.

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

element(<id>);

Функція element може отримувати єдине значення:

<id>

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

автор: Bond

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	60

Підтримка: мобільні переглядачі

Переглядач
	60

Приклади

+ запропонувати свій приклад у пісочниці