CSS marker-mid özelliği

Tanım ve Kullanım

marker-mid Özellik, elementin yolunun tüm ortadaki tepe noktalarında çizilecek bir işaret işaret eder.

İşaretin şekli, SVG <marker> elementi tarafından tanımlanır ve url() değeri ile atıf yapılır.

CSS marker-mid Özelliğin değeri, SVG'deki marker-mid özelliğinin değerini geçersiz kılar.

Örnek

Örnek 1

Bir işaretin (ok) üzerine işaret eden, bu işaretin elementin yolunun tüm ortadaki tepe noktalarında çizileceği yönünde:

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

Kişisel olarak deneyin

Örnek 2

Bir işaretin (dairesel) üzerine işaret eden, bu işaretin elementin yolunun tüm ortadaki tepe noktalarında çizileceği yönünde:

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

Kişisel olarak deneyin

CSS Grameri

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

Özellik değeri

Değer Açıklama
none Varsayılan değer. Yolun ortadaki tepe noktalarında hiçbir işaret çizilmez.
url SVG <marker> elementi tarafından tanımlanan işaretin URL'sine atıf yapar.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial
inherit Bu özelliği ebeveyn elemanından devralır. Bakınız inherit

Tarayıcı Desteği

Tablodaki rakamlar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

İlgili sayfalar

Eğitim:SVG İsimleri

Referans:CSS marker özelliği

Referans:CSS marker-start özelliği

Referans:CSS marker-end özelliği