div-reseable टेक्स्ट-क्षेत्र

Question

ब्राउज़र पाठकों को डिफ़ॉल्ट रूप से अपने कोने को खींचकर फिर से आकार देने की अनुमति देता है। मैं सोच रहा था कि क्या यह नियम अन्य तत्वों (उदाहरण के लिए एक div) पर लागू किया जा सकता है। मुझे पता है कि यह प्रभाव jQuery draggable या jQuery-ui resizable फ़ंक्शन का उपयोग करके हासिल किया जा सकता है, लेकिन यदि मैं उस लाइब्रेरी पर भरोसा करना संभव है तो मैं इसे सादे HTML/css के साथ करना चाहूंगा। क्या उनके कोई सीएसएस नियम हैं कि मैं इस तरह से व्यवहार करने के लिए एक div पर आवेदन कर सकता हूं?

यदि आपके पास कोई अन्य समाधान है तो मैं इसे सुनना चाहता हूं।

Answer 1

css3 resize संपत्ति का उपयोग करें।

div { 
    resize: both; 
} 

वहाँ भी एक resize: horizontal और resize: vertical है।

---

नहीं वर्तमान में पार ब्राउज़र http://caniuse.com/#feat=css-resize

Answer 2

आप इस CSS3 का उपयोग कर सकते हैं। आप आकार बदलने और ओवरफ्लो शैलियों को सेट करके उपयोगकर्ता का आकार बदलने योग्य div टैग बना सकते हैं। मैं दोनों क्षैतिज और ऊर्ध्वाधर यहाँ आकार परिवर्तन की स्थापना की है:

.isResizable { 
 
    background: rgba(255, 0, 0, 0.2); 
 
    font-size: 2em; 
 
    border: 1px solid black; 
 
    overflow: hidden; 
 
    resize: both; 
 
    width: 160px; 
 
    height: 120px; 
 
    min-width: 120px; 
 
    min-height: 90px; 
 
    max-width: 400px; 
 
    max-height: 300px; 
 
}

<div class="isResizable">The quick brown fox jumps over the lazy dog.</div>