Frontend Portal

Функция attr()



CSS-функция, которая умеет получать значение любого атрибута элемента, а потом использовать это значение прямо в стилях



Самые распространённые случаи использования этой функции - для создания тултипа(пример на гифке) и также для отображение значения атрибута href после текста ссылки при печати страницы

@media print {

  a::after {

    content: " [" attr(href) "]";

  }

}

Полный код для тултипа — Codepen



👉 @FrontendPortal | #CSS