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