Az attr függvény

Az attr függvény lehetővé teszi egy HTML elem attribútumának értékének megszerzését CSS-ben.

Szintaxis

cssselector {
  property: attr(név, típus, érték);
}

Paraméterek

Paraméter Leírás
név Az elem attribútumának neve, amelyet a CSS-be adnak át.
típus A CSS tulajdonság értékének típusa. A következő kulcsszavak megengedettek: string (sztring), color (szín), url (webcím), integer (egész szám), number (valós szám), angle (szög), time (idő), deg (fok), valamint CSS egységek, mint például em, px stb.
érték Az az érték, amelyet akkor használ, ha az attribútum nem létezik, vagy a böngésző nem tudja megszerezni.

Példa

Jelenítsük meg a link szövege után, zárójelben, a href attribútumának értékét:

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

Результат:

Lásd még

  • a content tulajdonság,
    amely lehetővé teszi szöveg hozzáadását az elemekhez
  • a before pszeudo-elem,
    amely a tag szövege elé szúr be
  • a after pszeudo-elem,
    amely a tag szövege után szúr be