CSS marker özelliği

Tanım ve kullanım

marker Özellik, elementin yolunun tüm noktalarında (yani ilk, ortada ve sonuncu noktalar) ç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 Özelliğin değeri, SVG içinde marker özelliğinin herhangi bir değerini geçersiz kılar.

Örnek

Örnek 1

Bir işaretin (ok) üzerine işaret eden, bu işaretin elementin yolunun ilk, ortada ve sonuncu noktalarında çizileceği:

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

Kişisel olarak deneyin

Örnek 2

Bir işaretin (dairesel) üzerine işaret eden, bu işaretin elementin yolunun ilk, ortada ve sonuncu noktalarında çizileceği:

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

Kişisel olarak deneyin

CSS grameri

marker: none|url|initial|inherit;

Özellik değeri

Değer Açıklama
none Varsayılan değer. Yolda herhangi 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 elemanından miras alı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 İşareti

Referans:CSS marker-start özelliği

Referans:CSS marker-mid özelliği

Referans:CSS marker-end özelliği