CSS offset-anchor प्रतियोगिता
- पिछला पृष्ठ ऑफसेट
- अगला पृष्ठ ऑफसेट-डिस्टेंस
वर्णन और उपयोग
offset-anchor गुण एलीमेंट को निर्धारित करता है offset-path गुण निर्दिष्ट पथ पर बिन्दु को निर्दिष्ट किया गया है
यदि offset-rotate गुण एलीमेंट को रोटेशन करते है, तो offset-anchor गुण निर्दिष्ट बिन्दु भी रोटेशन केंद्र बनेगा。
उदाहरण
<img> एलीमेंट के दाएँ केंद्र को निर्दिष्ट पथ पर निर्धारित करें:
img {
offset-path: path('M 50 80 C 150 -20 250 180 350 80');
offset-anchor: राइट सेंटर;
}
सीएसएस व्याकरण
offset-anchor: auto|मान|इनिशियल|इनहेरिट;
गुण मान
| मान | वर्णन |
|---|---|
| ऑटो | मूलभूत मान। अंक एलीमेंट के केंद्र में स्थित है, इसके बराबर 50% 50% गुण मान है। |
|
यदि केवल एक शब्द निर्दिष्ट किया गया है, तो दूसरा मान "सेंटर" होगा。 |
| एक्सपोस वाइपोस |
पहला मान विस्तृत स्थान है, दूसरा मान ऊंचाई स्थान है。 बाएँ ऊपर 0 0 है। इकाई पिक्सल (0px 0px) या किसी अन्य सीएसएस इकाई हो सकती है。 यदि केवल एक मान निर्दिष्ट किया गया है, तो दूसरा मान 50% होगा。 प्रतिशत और स्थान को मिलाकर इस्तेमाल किया जा सकता है。 |
| एक्स वाइ |
पहला मान विस्तृत स्थान है, दूसरा मान ऊंचाई स्थान है。 बाएँ ऊपर 0% 0% है। दाएँ नीचे 100% 100% है। यदि केवल एक मान निर्दिष्ट किया गया है, तो दूसरा मान 50% होगा。 मूलभूत मान: 50% 50%。 |
| इनिशियल | इस गुण को उसके मूलभूत मान पर निर्धारित करें। देखें: इनिशियल。 |
| इनहेरिट | अपने पितृ एलीमेंट से इस गुण को इनहेरिट करें। देखें: इनहेरिट。 |
तकनीकी विवरण
| मूलभूत मान: | ऑटो |
|---|---|
| विरासतीयता: | नहीं |
| एनिमेशन निर्माण: | समर्थन किया गया है। देखें:एनिमेशन संबंधी गुण。 |
| संस्करण: | सीएसएस3 |
| जेसक्रिप्ट व्याकरण: | object.style.offsetAnchor="बोटम राइट" |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。
| च्रोम | एज | फायरफॉक्स | सैफारी | ओपेरा |
|---|---|---|---|---|
| 116 | 116 | 72 | 16 | 102 |
संबंधित पृष्ठ
शिक्षा:SVG पथ
शिक्षा:CSS एनिमेशन
संदर्भ:CSS offset प्रतियोगिता
संदर्भ:CSS offset-distance प्रतियोगिता
संदर्भ:CSS offset-path प्रतियोगिता
- पिछला पृष्ठ ऑफसेट
- अगला पृष्ठ ऑफसेट-डिस्टेंस
