CSS ज़ूम प्रभाव
- पिछला पृष्ठ z-इंडेक्स
- अगला पृष्ठ सीएसएस रेफरेंस मैनुअल
परिभाषा और उपयोग
zoom
गुण को एलीमेंट के स्केलिंग परिमाण को निर्धारित करता है। एलीमेंट विस्तारित या संकुचित किया जा सकता है。
उदाहरण
उदाहरण 1
पाठ के लिए इस्तेमाल करें zoom
गुण:
p.a { zoom: normal; } p.b { zoom: 150%; } p.c { zoom: 0.6; }
उदाहरण 2
इस्तेमाल करें zoom
एलीमेंट आकार समायोजन:
div { border-radius: 100%; background: #73AD21; padding: 20px; width: 80px; height: 80px; } div.a { zoom: normal; } div.b { zoom: 150%; } div.c { zoom: 0.6; }
CSS व्याकरण
zoom: normal|%|number|unset|initial|inherit;
गुण मान
मान | वर्णन |
---|---|
normal | मूलभूत मान। एलीमेंट सामान्य तरीके से प्रदर्शित होता है。 |
% |
प्रतिशत के रूप में स्केलिंग परिमाण निर्धारित करें。 100% = सामान्य विस्तारित करने के लिए 100% से अधिक की गुणवत्ता का उपयोग करें。 संकुचित करने के लिए 100% से कम की गुणवत्ता का उपयोग करें。 |
number |
संकेतांक के रूप में स्केलिंग परिमाण निर्धारित करें (प्रतिशत)。 1.0 = सामान्य विस्तारित करने के लिए 1.0 से अधिक की गुणवत्ता का उपयोग करें。 संकुचित करने के लिए 1.0 से कम की गुणवत्ता का उपयोग करें。 |
unset | स्केलिंग परिमाण रद्द करें (सामान्य रूप से वापस करें)。 |
initial | इस गुण को उसके मूलभूत मान पर निर्धारित करें। देखें initial。 |
inherit | इस गुण को उसके पिता एलीमेंट से विरासत करें। देखें inherit。 |
तकनीकी विवरण
मूलभूत मान: | normal |
---|---|
विरासत की योग्यता: | नहीं |
एनिमेशन निर्माण: | समर्थन है। देखें:एनिमेशन संबंधी गुण。 |
संस्करण: | CSS Viewport Module Level 1 |
जावास्क्रिप्ट व्याकरण: | object.style.zoom = "3" |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण के पहले पूरी तरह से समर्थन करने वाले ब्राउज़र का संस्करण के रूप में प्रदर्शित हैं।
Chrome | एज | फ़ायरफॉक्स | साफारी | ओपेरा |
---|---|---|---|---|
1 | 12 | 126 | 3.1 | 15.0 |
- पिछला पृष्ठ z-इंडेक्स
- अगला पृष्ठ सीएसएस रेफरेंस मैनुअल