CSS paint-order ιδιότητα

Δεφιinition και χρήση

paint-order Η ιδιότητα καθορίζει τη σειρά εκτύπωσης του στοιχείου SVG ή του κειμένου.

Σημείωση:Για στοιχεία κειμένου, μπορείτε να αλλάξετε μόνο τη σειρά του stroke και της πλήρωσης, επειδή τα markers δεν είναι κατάλληλα.

Αλλάξτε τη σειρά εκτύπωσης του SVG <circle> στοιχείου:

circle {
  paint-order: stroke fill;
}

Αλλάξτε τη σειρά εκτύπωσης του SVG <text> στοιχείου με διαυγή μεταβατική πλέχνο πλήρωσης:

text {
  paint-order: stroke fill;
}

paint-order: normal|μια τιμή|δύο τιμές|τρεις τιμές|initial|inherit;

Τιμή	Περιγραφή
normal	Προεπιλεγμένη τιμή. Η σειρά εκτύπωσης είναι συμπλήρωση, επικάλυψη, markers.
μια τιμή	Η εκτύπωση θα ξεκινήσει από τις δοθείσες τιμές και θα συνεχιστεί με την προεπιλεγμένη σειρά. Αν οριστεί μόνο "stroke", η επόμενη δραστηριότητα εκτύπωσης θα είναι η συμπλήρωση (fill) και μετά τα markers.
δύο τιμές	Η εκτύπωση θα ξεκινήσει από τις δοθείσες τιμές και θα συνεχιστεί με την προεπιλεγμένη σειρά. Αν οριστεί "stroke markers", η επόμενη δραστηριότητα εκτύπωσης θα είναι η συμπλήρωση (fill).
τρεις τιμές	Η εκτύπωση θα γίνει σύμφωνα με τις δοθείσες τιμές.
initial	Αναθέτει αυτή την ιδιότητα στην προεπιλεγμένη της τιμή. Ελέγξτε: initial.
inherit	Εκτυπώνει αυτή την ιδιότητα από τον γονικό στοιχείο του. Ελέγξτε: inherit.

Προεπιλεγμένο:	normal
Επιδίωξη:	yes
Δημιουργία κινούμενων εικόνων:	Μη υποστηριζόμενο. Ελέγξτε:Συστατικά κινούμενων εικόνων.
Έκδοση:	CSS3
Γλώσσα JavaScript:	object.style.paintOrder="stroke fill"

Τα αριθμήματα στη τаблицή δείχνουν την έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει την ιδιότητα αυτή.

Chrome	Edge	Firefox	Safari	Opera
35.0	17.0	60.0	8.0	22.0