CSS attr() funktion

Definition och användning

CSS: attr() Funktionen returnerar egenskapsvärdet för det valda elementet.

I följande exempel läggs värdet för href-egenskapen till efter varje <a>-element och ges inom parenteser:

a:after {
  content: " (" attr(href) ")";
}

attr(attribute-name type fallback)

Värde	Beskrivning
attribute-name	Obligatorisk. HTML-elementets egenskapsnamn.
type	Valfritt. Egenskapens värde eller enhet. Kan vara något av följande: sträng färg url heltal nummer längd vinkel em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt eller pc deg, grad, rad tid s, ms Hz, kHz % frekvens
fallback	Valfritt. En reservvärde om egenskapen saknas eller innehåller ett ogiltigt värde.

Värde

Beskrivning

attribute-name

Obligatorisk. HTML-elementets egenskapsnamn.

type

Valfritt. Egenskapens värde eller enhet. Kan vara något av följande:

fallback

Valfritt. En reservvärde om egenskapen saknas eller innehåller ett ogiltigt värde.

Version:	CSS2

Tal i tabellen representerar den första webbläsarversion som helt stöder denna funktion.

Chrome	Edge	Firefox	Safari	Opera
attr()
2	8	1	3.1	9
type Värde
Stödjer inte	Stödjer inte	Stödjer inte	Stödjer inte	Stödjer inte
fallback Värde
Stödjer inte	Stödjer inte	119	Stödjer inte	Stödjer inte