CSS paint-order egenskab

Definisjon og bruk

paint-order Egenskapen spesifiserer tegningsrekkefølgen for SVG-elementer eller tekst.

Bemerk:For tekstelementer kan bare tegningsrekkefølgen for kantlinje (stroke) og fyll (fill) endres, fordi merker (markers) ikke er tilgjengelige.

Endre tegningsrekkefølgen for SVG <circle>-elementet:

circle {
  paint-order: stroke fill;
}

Endre tegningsrekkefølgen for SVG <text>-elementet med regnbuefargefyll:

text {
  paint-order: stroke fill;
}

paint-order: normal|En verdi|To verdier|Tre verdier|initial|inherit;

Verdi	Beskrivelse
normal	Standardverdi. Tegningsrekkefølgen er fyll, kantlinje, merker.
En verdi	Tegning vil starte med de gitte verdiene og deretter fortsette med standardrekkefølgen for resten. Hvis bare "stroke" er spesifisert, er neste tegningsaktivitet fyll (fill), deretter merker (markers).
To verdier	Tegning vil starte med de gitte verdiene og deretter fortsette med standardrekkefølgen for resten. Hvis "stroke markers" er spesifisert, vil neste tegningsaktivitet være fyll (fill).
Tre verdier	Tegning vil bli utført i henhold til de gitte verdiene.
initial	Sett denne egenskapen til standardverdien. Se: initial.
inherit	Arv denne egenskapen fra foreldrelementet. Se: inherit.

Standardverdi:	normal
Arv:	ja
Animasjonsproduksjon:	Ikke støttet. Se:Animasjonsrelaterte egenskaper.
Versjon:	CSS3
JavaScript-syntaks:	object.style.paintOrder="stroke fill"

Tallene i tabellen viser den første nettleserversjonen som fullt ut støtter denne egenskapen.

Chrome	Edge	Firefox	Safari	Opera
35.0	17.0	60.0	8.0	22.0