Attr funksiýasy

Attr funksiýasy attr CSS-de HTML teginiň atributynyň bahasyny almagyňyzy üpjün edýär.

Sintaksis

cssselektor {
  hasiýet: attr(ady, görnüşi, bahasy);
}

Parametrler

Parametr Düşündiriş
ady CSS-e geçirilýän element atributynyň ady.
görnüşi CSS hasiýetiniň bahasynyň görnüşi. Aşakdaky açar sözler rugsat berilýär: string (setirler), color (reňk), url (web adres), integer (bitin san), number (hakyky san), angle (burç), time (wagt), deg (gradus), şeýle-de em, px we ş.m. ýaly CSS birlikleri.
bahasy Atribut ýok bolanda ýa-da brauzer ony alyp bilmese, ulanyljak baha.

Mysal

Geliň, çykgydan soňra onuň href atributynyň bahasyny ýaýly çyzyklarda çykaralyň:

html<a href="http://google.com">çykgyt</a>
cssa::after {
  content: ' (' attr(href) ')';
}

Результат:

Şeýle-de garaň

  • content hasiýeti,
    elementlere tekst goşmaga mümkinçilik berýär
  • before pseudo-elementi,
    teginiň tekstinden soňra goşmaça goşýar
  • after pseudo-elementi,
    teginiň tekstinden öň goşmaça goşýar