CSS marker-end özelliği

Tanım ve Kullanım

marker-end Özellik, element yolunun sonuncu noktasında çizilecek işareti işaret eder.

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

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

Örnek

Örnek 1

Bir işaretin (ok) adresine yönlendirir, bu işaret, element yolunun sonuncu noktasında çizilir:

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

Kişisel Deneyim

Örnek 2

Bir işaretin (dairesel) adresine yönlendirir, bu işaret, element yolunun sonuncu noktasında çizilir:

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

Kişisel Deneyim

CSS Grameri

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

Özellik Değeri

Değer Açıklama
none Varsayılan Değer. Yolun sonuncu noktasında hiçbir işaret çizilmez.
url SVG <marker> elemanı 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 miras alı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 İşareti

Referans:CSS marker özelliği

Referans:CSS marker-mid özelliği

Referans:CSS marker-start özelliği