marker-mid
Misol
Element yo‘lining barcha o‘rta cho‘qqilarida chiziladigan markerga (strelkaga) ishora qiling:
#test {
marker-mid: url(#arrow);
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
marker-mid xususiyati element yo‘lining barcha o‘rta cho‘qqilarida chiziladigan markerga ishora qiladi.
Marker shakli SVG <marker> elementi bilan belgilanadi va unga url() qiymati orqali murojaat qilinadi.
CSS marker-mid xususiyatining qiymati SVG’dagi marker-start atributining qiymatidan ustun turadi.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| marker-mid | 80 | 80 | 72 | 13.1 | 67 |
CSS sintaksisi
marker-mid: 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 barcha o‘rta cho‘qqilarida chiziladigan markerga (doiraga) ishora qiling:
#test {
marker-mid: url(#circle);
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS ma’lumotnomasi: marker xususiyati
CSS ma’lumotnomasi: marker-start xususiyati
CSS ma’lumotnomasi: marker-end xususiyati
SVG darsligi: SVG marker
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!