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) ')';
}

Результат: