CSS marker-start özelliği

Tanım ve kullanım

marker-start Özellik, elementin yolunun ilk noktasına çizilecek bir işaretin yönünü belirler.

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

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

Örnek

Örnek 1

Bir işaretin (ok) yöne doğru atıf yapar, bu işaret elementin yolunun ilk noktasına çizilecektir:

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

Kişisel olarak deneyin

Örnek 2

Bir işaretin (dairesel) yöne doğru atıf yapar, bu işaret elementin yolunun ilk noktasına çizilecektir:

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

Kişisel olarak deneyin

CSS grameri

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

Özellik değeri

Değer Açıklama
none Varsayılan değer. Yolun ilk noktasında hiçbir işaret çizilmeyecektir.
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 elementinden devralır. Bakınız inherit.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak 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 İsmi

Kaynak:CSS marker özelliği

Kaynak:CSS marker-mid özelliği

Kaynak:CSS marker-end özelliği