CSS scaleY() फ़ंक्शन
- पिछला पृष्ठ CSS स्केल-एक्स() फ़ंक्शन
- अगला पृष्ठ CSS सेपिया() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल
परिभाषा और उपयोग
CSS का scaleY()
फ़ंक्शन एलीमेंट को ऊर्ध्व आकार देता है।
scaleY()
फ़ंक्शन एलीमेंट की ऊंचाई को बढ़ाए या कम करता है।
scaleY()
कार्योत्तर transform
प्रयोग में इस्तेमाल करें।
उदाहरण
उदाहरण 1
इस्तेमाल करें scaleY()
एकाधिक <div> एलीमेंट की ऊंचाई को आकार दें:
#myDiv1 { transform: scaleY(0.5); } #myDiv2 { transform: scaleY(70%); } #myDiv3 { transform: scaleY(1.1); }
उदाहरण 2
इस्तेमाल करें scaleY()
इमेज की ऊंचाई को आकार दें:
#img1 { transform: scaleY(0.5); } #img2 { transform: scaleY(70%); } #img3 { transform: scaleY(-0.5); } #img4 { transform: scaleY(1.1); }
CSS व्याकरण
scaleY(s)
मूल्य | वर्णन |
---|---|
s | आवश्यक। ऊंचाई विस्तार वेक्टर के नंबर को निर्दिष्ट करें। |
तकनीकी विवरण
संस्करण: | CSS Transforms Module Level 1 |
---|
ब्राउज़र समर्थन
तालिका में वाले नंबर पहली पूरी तरह से इस फ़ंक्शन को समर्थन देने वाले ब्राउज़र का संस्करण को प्रदर्शित करते हैं।
च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
---|---|---|---|---|
1 | 12 | 3.5 | 3.1 | 10.5 |
संबंधित पृष्ठ
तत्वाकांक्षा:CSS 2D ट्रांसफॉर्म
संदर्भ:CSS ट्रांसफॉर्म प्रभाव
संदर्भ:CSS स्केल परिवर्तन
संदर्भ:CSS स्केल() फ़ंक्शन
संदर्भ:CSS स्केल3ड() फ़ंक्शन
संदर्भ:CSS स्केल-एक्स() फ़ंक्शन
- पिछला पृष्ठ CSS स्केल-एक्स() फ़ंक्शन
- अगला पृष्ठ CSS सेपिया() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल