CSS właściwość paint-order

Definicja i użycie

paint-order Atrybut określa kolejność rysowania elementu SVG lub tekstu.

Uwaga:Dla elementów tekstowych można zmienić tylko kolejność konturu (stroke) i wypełnienia (fill), ponieważ znaczniki (markers) nie są stosowane.

Zmień kolejność rysowania SVG <circle> elementu:

circle {
  paint-order: stroke fill;
}

Zmień kolejność rysowania SVG <text> elementu z wypełnieniem prędkościowym:

text {
  paint-order: stroke fill;
}

paint-order: normal|Jedna wartość|Dwie wartości|Trzy wartości|initial|inherit;

Wartość	Opis
normal	Domyślna wartość. Kolejność rysowania to wypełnienie, kontur, znaczniki.
Jedna wartość	Rysowanie rozpocznie się od podanej wartości i następnie będzie kontynuowane w domyślnej kolejności. Jeśli podano tylko "stroke", następna aktywność rysowania będzie wypełnieniem (fill), a następnie znacznikami (markers).
Dwie wartości	Rysowanie rozpocznie się od podanej wartości i następnie będzie kontynuowane w domyślnej kolejności. Jeśli podano "stroke markers", następna aktywność rysowania będzie wypełnieniem (fill).
Trzy wartości	Rysowanie będzie wykonywane zgodnie z podaną wartością.
initial	Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit	Dostosowuje tę właściwość do wartości rodzica. Zobacz: inherit.

Domyślna wartość:	normal
Inheritance:	yes
Tworzenie animacji:	Nie obsługuje. Zobacz:Atrybuty animacji.
Wersja:	CSS3
Język JavaScript:	object.style.paintOrder="stroke fill"

Liczby w tabeli oznaczają wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome	Edge	Firefox	Safari	Opera
35.0	17.0	60.0	8.0	22.0