resize प्रॉपर्टी

resize प्रॉपर्टी textarea या अन्य एलिमेंट्स के आकार बदलने की अनुमति देती है या प्रतिबंधित करती है (अन्य एलिमेंट्स के साथ सभी ब्राउज़रों में काम नहीं करती)।

सिंटैक्स

सेलेक्टर {
	resize: both | horizontal | vertical | none;
}

वैल्यूज

वैल्यू	विवरण
`both`	एलिमेंट को चौड़ाई और ऊंचाई दोनों में खींचा जा सकता है।
`horizontal`	एलिमेंट को केवल चौड़ाई में खींचा जा सकता है।
`vertical`	एलिमेंट को केवल ऊंचाई में खींचा जा सकता है।
`none`	एलिमेंट का आकार बदलना असंभव है।

डिफॉल्ट वैल्यू: none। कुछ ब्राउज़रों में textarea के लिए: both। जिन ब्राउज़रों में resize का सपोर्ट नहीं है, वहां textarea ऐसे बर्ताव करेगा जैसे none वैल्यू सेट की गई हो।

उदाहरण . both वैल्यू

एलिमेंट दोनों दिशाओं में खिंचता है:

<textarea></textarea>

textarea {
	resize: both;
	width: 200px;
	height: 200px;
}

उदाहरण . horizontal वैल्यू

एलिमेंट केवल क्षैतिज रूप से खिंचता है:

<textarea></textarea>

textarea {
	resize: horizontal;
	width: 200px;
	height: 200px;
}

उदाहरण . vertical वैल्यू

एलिमेंट केवल लंबवत रूप से खिंचता है:

<textarea></textarea>

textarea {
	resize: vertical;
	width: 200px;
	height: 200px;
}

उदाहरण . none वैल्यू

एलिमेंट बिल्कुल नहीं खिंचता:

<textarea></textarea>

textarea {
	resize: none;
	width: 200px;
	height: 200px;
}

उदाहरण . चौड़ाई और ऊंचाई पर प्रतिबंध

max-width, min-width, max-height, min-height प्रॉपर्टीज की मदद से न्यूनतम और अधिकतम चौड़ाई और ऊंचाई को प्रतिबंधित किया जा सकता है:

<textarea></textarea>

textarea {
	resize: both;
	min-height: 100px;
	max-height: 300px;
	min-width: 100px;
	max-width: 300px;
}