सीएसएस संपत्ति का आकार बदलें
उदाहरण
यहां, उपयोगकर्ता <div> तत्व की ऊंचाई और चौड़ाई दोनों का आकार बदल सकता है:
div {
resize: both;
overflow: auto;
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
संपत्ति परिभाषित करती है कि resize
क्या (और कैसे) एक तत्व उपयोगकर्ता द्वारा आकार बदलने योग्य है।
नोट: संपत्ति resize
इनलाइन तत्वों पर या उन तत्वों को अवरुद्ध करने के लिए लागू नहीं होती है जहां अतिप्रवाह = "दृश्यमान" होता है। इसलिए, सुनिश्चित करें कि अतिप्रवाह "स्क्रॉल", "ऑटो", या "हिडन" पर सेट है।
डिफ़ॉल्ट मान: | कोई नहीं |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | नहीं। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | CSS3 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.resize = "दोनों" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
नंबर के बाद -मोज़- पहले संस्करण को निर्दिष्ट करें जो उपसर्ग के साथ काम करता है।
Property | |||||
---|---|---|---|---|---|
resize | 4.0 | 79.0 | 5.0 4.0 -moz- |
4.0 | 15.0 |
सीएसएस सिंटेक्स
resize: none|both|horizontal|vertical|initial|inherit;
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
none | Default value. The user cannot resize the element | |
both | The user can resize both the height and width of the element | |
horizontal | The user can resize the width of the element | |
vertical | The user can resize the height of the element | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
और ज्यादा उदाहरण
उदाहरण
उपयोगकर्ता को केवल <div> तत्व की ऊंचाई का आकार बदलने दें:
div
{
resize: vertical;
overflow: auto;
}
उदाहरण
उपयोगकर्ता को केवल <div> तत्व की चौड़ाई का आकार बदलने दें:
div
{
resize: horizontal;
overflow: auto;
}
उदाहरण
कई ब्राउज़रों में, <textarea> डिफ़ॉल्ट रूप से आकार बदलने योग्य होता है। यहां, हमने आकार बदलने की क्षमता को अक्षम करने के लिए आकार बदलने की संपत्ति का उपयोग किया है:
textarea {
resize: none;
}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस यूजर इंटरफेस
एचटीएमएल डोम संदर्भ: संपत्ति का आकार बदलें