Рекомендуемый курс:

Функция attr() в CSS

Определение и использование CSS func()} Функция возвращает значение属性的 выбранного элемента.

Пример

В следующем примере вставлен значение属性的 href после каждого элемента <a>, и окружено скобками:

a:after {
  content: " (" attr(href) ")";
}

Попробуйте сами

Грамматика CSS

attr(attribute-name type fallback)
Значение Описание
attribute-name Обязательно. Название属性的 HTML-элемента.
type

Допустимо. Тип или единица значения свойства. Может быть одним из следующих:

  • строка
  • цвет
  • url
  • целое
  • число
  • длина
  • угол
  • em, ex, px, rem, vw, vh, vmin, vmax, mm, см, in, pt или pc
  • град, град, рад
  • время
  • с, мс
  • Hz, kHz
  • %
  • частота
fallback Допустимо. Заменитель значения, если свойство отсутствует или содержит недопустимое значение.

Технические детали

Версия: CSS2

Поддержка браузеров

Числа в таблице указывают на версию браузера,首个完全支持该函数的浏览器版本。

Кروм Эдж Фаерфокс Сафари Опера
func()}
2 8 1 3.1 9
type Значение
Не поддерживается Не поддерживается Не поддерживается Не поддерживается Не поддерживается
fallback Значение
Не поддерживается Не поддерживается 119 Не поддерживается Не поддерживается