Properti marker-start CSS

Definisi dan penggunaan

marker-start Atribut menunjuk ke tanda yang akan digambar di puncak pertama jalur elemen.

Bentuk tanda ditentukan oleh elemen SVG <marker> dan diacu melalui nilai url().

CSS marker-start Nilai atribut akan menimpa nilai atribut marker-start di SVG.

Contoh

Contoh 1

Menunjuk ke tanda (panah), yang akan digambar di puncak pertama jalur elemen:

#test {
  marker-start: url(#arrow);
}

Coba sendiri

Contoh 2

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

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

Coba sendiri

Sintaks CSS

marker-start: none|url|initial|inherit;

Nilai atribut

Nilai Deskripsi
none Nilai standar. Tidak ada tanda yang akan digambar di puncak pertama jalur.
url Referensi URL untuk tanda yang didefinisikan oleh elemen SVG <marker>.
initial Atur atribut ini ke nilai standar. Lihat initial。
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit。

Dukungan browser

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

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Halaman yang berhubungan

Panduan：Tanda SVG

Referensi：Properti marker CSS

Referensi：Properti marker-mid CSS

Referensi：Properti marker-end CSS