Properti marker-mid CSS

Definisi dan penggunaan

marker-mid Atribut menunjuk ke tanda yang akan diukir di semua puncak tengah jalur elemen.

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

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

Contoh

Contoh 1

Menunjuk ke tanda (panah), yang akan diukir di semua puncak tengah jalur elemen:

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

Coba sendiri

Contoh 2

Menunjuk ke tanda (lingkaran), yang akan diukir di semua puncak tengah jalur elemen:

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

Coba sendiri

Sintaks CSS

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

Nilai atribut

Nilai Deskripsi
none Nilai standar. Tidak akan ada tanda yang diukir di puncak tengah 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 peramban

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

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

Hal yang berhubungan

Panduan：Tanda SVG

Referensi：Properti marker CSS

Referensi：Properti marker-start CSS

Referensi：Properti marker-end CSS