Funksjonen attr

Funksjonen attr lar deg hente i CSS verdien av et HTML-tagg-attributt.

Syntaks

cssvelger {
  egenskap: attr(navn, type, verdi);
}

Parametere

Parameter Beskrivelse
navn Navnet på elementets attributt som sendes til CSS.
type Typen verdi for CSS-egenskapen. Følgende nøkkelord er tillatt: string (strenger), color (farge), url (nettadresse), integer (heltall), number (reelt tall), angle (vinkel), time (tid), deg (grad), samt CSS-enheter som em, px osv.
verdi Verdien som skal brukes hvis attributtet ikke finnes eller nettleseren ikke kan hente det.

Eksempel

La oss etter lenketeksten vise verdien av dens href-attributt i parentes:

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

Результат:

Se også

  • egenskapen content,
    som lar deg legge til tekst i elementer
  • pseudoelementet before,
    som setter inn etter taggens tekst
  • pseudoelementet after,
    som setter inn før taggens tekst