Функция 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 псевдоэлемент,
    тег матнидан кейин қўшиш имконини беради