Atribut marker CSS
- Hal sebelumnya margin-top
- Hal berikutnya marker-end
Definisi dan penggunaan
marker
Properti menunjuk ke tanda yang akan digambar di semua puncak jalur elemen (yaitu pertama, tengah, dan terakhir).
Bentuk tanda ditentukan oleh elemen SVG <marker> dan di referensikan melalui nilai url().
CSS marker
Nilai properti akan menimpa semua nilai properti marker di SVG.
Contoh
Contoh 1
Menunjuk ke tanda (panah), yang akan digambar di puncak pertama, tengah, dan terakhir jalur elemen:
#test { marker: url(#arrow); }
Contoh 2
Menunjuk ke tanda (lingkaran), yang akan digambar di puncak pertama, tengah, dan terakhir jalur elemen:
#test { marker: url(#circle); }
Sintaks CSS
marker: none|url|initial|inherit;
Nilai properti
Nilai | Deskripsi |
---|---|
none | Nilai standar. Tidak akan ada tanda yang digambar di jalur. |
url | Penunjukan URL untuk tanda yang didefinisikan oleh elemen SVG <marker>. |
initial | Setel properti ini ke nilai standar. Lihat initial。 |
inherit | Mengambil properti ini dari elemen orangtua. Lihat inherit。 |
Dukungan browser
Angka di tabel menunjukkan versi pertama penggunaan penuh properti ini.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
Hal yang berhubungan
Panduan:Tanda SVG
Referensi:Atribut marker-start CSS
Referensi:Atribut marker-mid CSS
Referensi:Atribut marker-end CSS
- Hal sebelumnya margin-top
- Hal berikutnya marker-end