CSS marker-start özelliği
- Önceki sayfa marker-mid
- Sonraki sayfa mask
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); }
Ö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); }
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
- Önceki sayfa marker-mid
- Sonraki sayfa mask