2010-01-09 12 views
122

में कोल्स विशेषताएँ मैं css के माध्यम से textarea की पंक्तियों और कॉलम विशेषताओं को सेट करने का प्रयास कर रहा हूं। मैं सीएसएस में यह कैसे करूं?टेक्स्टरेरा की पंक्तियां, और सीएसएस

+0

एक प्रश्न का उपयोग कब करें: http://stackoverflow.com/questions/3896537/is-it-better-to-size-a-textarea-with-css-width-height-or-html-cols- पंक्तियों-एटीआर –

उत्तर

95

width और height सीएसएस मार्ग पर जाने पर उपयोग किया जाता है।

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Setting Width and Height on Textareas</title> 
     <style> 
      .comments { width: 300px; height: 75px } 
     </style> 
    </head> 
    <body> 
     <textarea class="comments"></textarea> 
    </body> 
</html> 
+6

उपयोगकर्ता2928048 के उत्तर के अनुसार, यदि आप "पीएक्स" के बजाय "em" का उपयोग करते हैं तो आप अक्षरों में चौड़ाई और ऊंचाई निर्दिष्ट कर सकते हैं जैसा कि आप 'पंक्तियों' और 'कोल्स' विशेषताओं के साथ करेंगे। आईई 6 के साथ भी काम करता है मेरा मानना ​​है। – Swanny

6

जहाँ तक मुझे पता है कि आप नहीं कर सकते।

इसके अलावा, यह कि सीएसएस किसी भी तरह से नहीं है। मार्कअप के लिए स्टाइल और एचटीएमएल के लिए सीएसएस।

संपादित करें: कूल, मैं सही खड़ा हूं।

+0

सीएसएस एक तत्व के दृश्य प्रतिनिधित्व को स्टाइल करने के लिए है। इसमें टेक्स्टरेरा की चौड़ाई और ऊंचाई शामिल है। – Sampson

+1

हाँ, बिल्कुल। मुझे कोल्स और पंक्तियों को नहीं पता था, और चौड़ाई और ऊंचाई समान थी। – Moulde

+1

मोल्डे, आप सही हैं कि वे * बिल्कुल * समान नहीं हैं। लेकिन वे दोनों एक ही उद्देश्य प्राप्त करते हैं :) – Sampson

16

मुझे नहीं लगता कि आप कर सकते हैं। मैं हमेशा ऊंचाई और चौड़ाई के साथ जाता हूं।

textarea{ 
width:400px; 
height:100px; 
} 

सीएसएस तरीका करने के बारे में अच्छी बात यह है कि आप इसे पूरी तरह स्टाइल कर सकते हैं। अब आप जैसी चीजों के जोड़ सकते हैं:

textarea{ 
width:400px; 
height:100px; 
border:1px solid #000000; 
background-color:#CCCCCC; 
} 
237
<textarea rows="4" cols="50"></textarea> 

यह बराबर है करने के लिए:

textarea { 
    height: 4em; 
    width: 50em; 
} 

जहां 1em वर्तमान फ़ॉन्ट आकार के बराबर है, इस प्रकार पाठ क्षेत्र 50 से अधिक अक्षर विस्तृत बनाते हैं। see here

+17

यह चयनित उत्तर होना चाहिए। –

+30

अधिक सटीक होने के लिए, आपको खाते में 'पैडिंग' और' लाइन-ऊंचाई 'लेने की आवश्यकता है। मान लें कि आपके पास शीर्ष पर और नीचे और आधा 1.2 मीटर की रेखा-ऊंचाई की आधा एएम है, तो 4 पंक्तियों की ऊंचाई 1 + 4 * 1.2 = 5.8em होगी। – nalply

+0

@ कृपया अपना समाधान सही है। समस्या 4em = 4 x फ़ॉन्ट-आकार है जो न तो पैडिंग और न ही लाइन-ऊंचाई – Nicholas

संबंधित मुद्दे