Atribut paint-order CSS

definisi dan penggunaan

paint-order atribut menentukan urutan pemetaan elemen SVG atau teks.

Perhatian:untuk elemen teks, hanya dapat diubah urutan garis (stroke) dan pengisi (fill), karena tanda (markers) tak berlaku.

contoh

contoh 1

Ubah urutan pemetaan SVG <circle> elemen:

circle {
  paint-order: stroke fill;
}

cobalah sendiri

contoh 2

Ubah urutan pemetaan SVG <text> elemen dengan pengisi gradasi berwarna:

text {
  paint-order: stroke fill;
}

cobalah sendiri

sintaks CSS

paint-order: normal|nilai satu|dua nilai|tiga nilai|initial|inherit;

nilai atribut

nilai deskripsi
normal nilai standar. Urutan pemetaan adalah pengisi, garis, tanda.
nilai satu

pemetaan akan dimulai dari nilai yang diberikan, lalu melanjutkan menurut urutan standar untuk sisanya.

jika hanya ditentukan "stroke", aktivitas pemetaan berikutnya adalah pengisi (fill), lalu adalah tanda (markers).
dua nilai

pemetaan akan dimulai dari nilai yang diberikan, lalu melanjutkan menurut urutan standar untuk sisanya.

jika ditentukan "stroke markers", aktivitas pemetaan berikutnya akan menjadi pengisi (fill).
tiga nilai pemetaan akan dilakukan menurut nilai yang diberikan.
initial atur atribut ini ke nilai standarnya. Lihat: initial.
inherit mengambil atribut ini dari elemen induknya. Lihat: inherit.

detil teknis

nilai standar: normal
ketergantungan: yes
pembuatan animasi: tidak didukung. Lihat:atribut animasi.
versi: CSS3
JavaScript sintaks: object.style.paintOrder="stroke fill"

dukungan browser

angka di tabel menunjukkan versi browser pertama yang sepenuhnya mendukung atribut ini.

Chrome Edge Firefox Safari Opera
35.0 17.0 60.0 8.0 22.0

halaman yang relevan

Tutorial:Tutorial SVG

Tutorial:Garis SVG HTML