offset-anchor

<img> elementining o‘ng markaziy nuqtasini belgilangan yo‘lga mahkamlang:

img { offset-path: path('M 50 80 C 150 -20 250 180 350 80'); offset-anchor: right center; }

Ta’rif va qo‘llanilishi

offset-anchor xususiyati elementning offset-path xususiyati bilan belgilangan yo‘l bo‘ylab mahkamlanadigan nuqtasini belgilaydi.

Agar element offset-rotate xususiyati bilan aylantirilsa, offset-anchor xususiyati bilan belgilangan nuqta aylanish markazi ham bo‘ladi.

Standart qiymat:	auto
Meros qilinadi:	yo‘q
Animatsiya qilinadi:	ha. animatable haqida o‘qing Sinab ko‘ring
Versiya:	CSS3
JavaScript sintaksisi:	object.style.offsetAnchor="bottom right" Sinab ko‘ring

Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Xususiyat
offset-anchor	116	116	72	16	102

offset-anchor: auto|value|initial|inherit;

Qiymat	Tavsif
auto	Standart. Mahkamlangan nuqta elementning markazida bo‘ladi, bu '50% 50%' xususiyat qiymati bilan bir xil.
left top left center left bottom right top right center right bottom center top center center center bottom	Agar faqat bitta kalit so‘z ko‘rsatsangiz, ikkinchi qiymat "center" bo‘ladi
xpos ypos	Birinchi qiymat gorizontal joylashuv, ikkinchi qiymat esa vertikal joylashuv. Yuqori chap burchak 0 0. Birliklar piksel (0px 0px) yoki boshqa istalgan CSS birliklari bo‘lishi mumkin. Agar faqat bitta qiymat ko‘rsatsangiz, ikkinchi qiymat 50% bo‘ladi. % va joylashuv kalit so‘zlarini aralashtirib ishlatishingiz mumkin
x% y%	Birinchi qiymat — gorizontal joylashuv, ikkinchi qiymat — vertikal joylashuv. Yuqori chap burchak — 0% 0%. O‘ng pastki burchak — 100% 100%. Agar faqat bitta qiymat ko‘rsatsangiz, ikkinchi qiymat 50% bo‘ladi. Standart qiymati: 50% 50%
initial	Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing
inherit	Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing

SVG darsligi: SVG path

CSS ma’lumotnomasi: CSS offset xususiyati

Yutuqlaringizni kuzating – bu bepul!