CSS ज़ूम प्रभाव

परिभाषा और उपयोग

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