Atribut marker CSS

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);
}

Coba sendiri

Contoh 2

Menunjuk ke tanda (lingkaran), yang akan digambar di puncak pertama, tengah, dan terakhir jalur elemen:

#test {
  marker: url(#circle);
}

Coba sendiri

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