Функцыя attr

Функцыя attr дазваляе атрымаць у CSS значэнне атрыбута HTML тэга.

Сінтаксіс

cssселектар {
  уласцівасць: attr(імя, тып, значэнне);
}

Параметры

Параметр Апісанне
імя Імя атрыбута элемента, якое перадаецца ў CSS.
тып Тып значэння ўласцівасці CSS. Дапушчальныя наступныя ключавыя словы: string (радкі), color (колер), url (вэб-адрас), integer (цэлы лік), number (рэчаісны лік), angle (вугал), time (час), deg (градус), а таксама адзінкі CSS накшталт em, px і інш.
значэнне Значэнне, якое будзе выкарыстоўвацца ў тым выпадку, калі атрыбута няма ці браўзер не можа яго атрымаць.

Прыклад

Давайце пасля тэксту спасылкі вывядзем значэнне яе атрыбута href у круглых дужках:

html<a href="http://google.com">спасылка</a>
cssa::after {
  content: ' (' attr(href) ')';
}

Результат:

Глядзіце таксама

  • уласцівасць content,
    якое дазваляе дадаваць тэкст у элементы
  • псеўдаэлемент before,
    які робіць устаўку пасля тэксту тэга
  • псеўдаэлемент after,
    які робіць устаўку перад тэкстам тэга