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 псевдоэлементі,
    ол тег мәтінінен алдын енгізу жасайды