attr функциясы

attr функциясы CSS'те HTML тегдин атрибут маанисин алууга мүмкүндүк берет.

Синтаксис

cssселектор {
  свойство: attr(аты, түрү, мааниси);
}

Параметрлер

Параметр Сүрөттөмө
аты CSS'ке өткөрүлүп берилген элементтин атрибут аты.
түрү CSS касиетинин маанисинин түрү. Төмөнкү ачкыч сөздөр уруксат берилет: string (саптар), color (түс), url (веб-дарек), integer (бүтүн сан), number (чындык сан), angle (бурч), time (убакыт), deg (градус), ошондой эле em, px ж.б.у.с. сыяктуу CSS бирдиктери.
мааниси Атрибут жок же браузер аны ала албаган учурда колдонулуучу маани.

Мисал

Шилтеменин текстинен кийин анын href атрибуттун маанисин тегерек кашаа ичинде чыгаралы:

html<a href="http://google.com">шилтеме</a>
cssa::after {
  content: ' (' attr(href) ')';
}

Результат:

Ошондой эле караңыз

  • элементтерге текст кошууга мүмкүндүк берген content касиети,
  • тегдин текстинен кийин кошуу жасаган before жалган элемент,
  • тегдин текстинен мурун кошуу жасаган after жалган элемент,