CSS offset-distance प्रयोग

वर्णन और इस्तेमाल

offset-distance गुण उस रास्ते को निर्दिष्ट करने के लिए इस्तेमाल किया जाता है जिसका एलिमेंट के साथ विन्यास किया जाता है ऑफसेट-पैथ गुण के वर्णित रास्ते के आरंभ के बीच की दूरी।

उदाहरण

<img> एलिमेंट उसके वर्णित रास्ते पर रखा जाता है, रास्ते के आरंभ से 33% की दूरी पर।

img {
  offset-path: path('M 50 80 C 150 -20 250 180 350 80');
  offset-distance: 33%;
}

स्वयं प्रयोग करें

CSS व्याकरण

offset-distance: auto|length|initial|inherit;

गुण मूल्य

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का संस्करण को प्रदर्शित करते हैं।

संबंधित पृष्ठ

ट्यूटोरियलःSVG पथ

ट्यूटोरियलःCSS एनिमेशन

संदर्भःCSS offset प्रयोग

संदर्भःCSS offset-anchor प्रयोग

संदर्भःCSS offset-path प्रयोग

संदर्भःCSS offset-position प्रयोग

संदर्भःCSS offset-rotate प्रयोग