marker
Misol
Element yo‘lining birinchi, o‘rta va oxirgi cho‘qqilarida chiziladigan markerga (strelkaga) ishora qiling:
#test {
marker: url(#arrow);
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
marker xususiyati element yo‘lining barcha cho‘qqilarida (birinchi, o‘rta va oxirgi) chiziladigan markerga ishora qiladi.
Marker shakli SVG <marker> elementi bilan belgilanadi va unga url() qiymati orqali murojaat qilinadi.
CSS marker xususiyatining qiymati SVG’dagi marker-start, marker va marker-end atributlarining har qanday qiymatlaridan ustun turadi.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| marker | 80 | 80 | 72 | 13.1 | 67 |
CSS sintaksisi
marker: none|url|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| none | Standart. Yo‘lda hech qanday marker chizilmaydi |
| url | SVG <marker> elementi bilan belgilangan markerga url havolasi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Ko‘proq misollar
Misol
Element yo‘lining birinchi, o‘rta va oxirgi cho‘qqilarida chiziladigan markerga (doiraga) ishora qiling:
#test {
marker: url(#circle);
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS ma’lumotnomasi: marker-start xususiyati
CSS ma’lumotnomasi: marker-mid xususiyati
CSS ma’lumotnomasi: marker-end xususiyati
SVG darsligi: SVG marker
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!