CSS Height and Width Property की पूरी जानकारी हिन्दी में
आप जब भी कोई वेब पेज बनाते हो तो आपको बहुत बार किसी element की height, width को सेट karna पड़ता है। ये सब काम आप css height and width propertry का प्रयोग करके कर सकते हो। इस टूटोरियल मे इसके बारें मे विस्तार से बताया गया है।CSS की पूरी जानकारी के लिए आप CSS सीखें हिन्दी में पर क्लिक कर सकते हो। 
Height और Width property का प्रयोग किसी element की height और width को सेट करने के लिए किया जाता है ।
definition (परिभाषा )
Height:- किसी चीज के head to foot या base to top के माप को height कहा जाता है।
Width:- किसी चीज की एक सिरे से दूसरे सिरे तक की distance या दूरी को width कहा जाता है।
CSS Selector क्या है और इसका use कैसे किया जाता है?
CSS Padding सीखें हिन्दी में-Learn Padding Property in Hindi
CSS Background हिन्दी में सीखें- Learn CSS Background in Hindi
CSS Color property को कैसे use किया जाता है-हिन्दी में
All CSS Height and Width Property
1. height
2. max-height
3. min-height
4. width
5. max-width
6. min-width
1. height:- किसी element की height को set करने के लिए इसका प्रयोग किया जाता है।
Example:-
<html>
<head>
<title>max-width of element</title>
<style>
.hindistrock1{
min-height:20px;
border:2px solid red;
}
.hindistrock2{
max-height:100px;
border:2px solid blue;
}
</style>
</head>
<body>
<div class=”hindistrock1″>
<h3>minimum height example</h3>
<p>Hindi Strock ब्लॉगिंग करने वाले लोगों की सहायता
के लिए बनाई गयी है।यहाँ wordpress, blogger और
search engine optamization के बारे मे
विस्तार से बताया गया है।
</p></div>
<br>
<div class=”hindistrock2″>
<h3>maximum height example</h3>
<p>Hindi Strock ब्लॉगिंग करने वाले लोगों की सहायता
के लिए बनाई गयी है।यहाँ wordpress, blogger और
search engine optamization के बारे मे
विस्तार से बताया गया है।
</p>
</body>
</html>
OUTPUT:-
2. max-height:- एक element की maximum height के लिए इसका प्रयोग होता है।
3. min-height:- किसी element की minimum height को set करने के लिए इसका use किया जाता है।
4. width:-किसी element की width को set करने के लिए इसका प्रयोग किया जाता है।
CSS Border Property का प्रयोग कैसे करें- हिन्दी मे पूरी जानकारी
5. max-width:-एक element की maximum width के लिए इसका प्रयोग होता है।
Example:-
<html>
<head>
<title>max-width of element</title>
<style>
.hindistrock{
max-width:500px;
border:2px solid red;
}
</style>
</head>
<body>
<div class=”hindistrock”>
<h3>Hindi Strock-Learn Blogging</h3>
<p>Hindi Strock ब्लॉगिंग करने वाले लोगों की सहायता के लिए बनाई गयी है।
</p>
</body>
</html>
output
6. min-width:-किसी element की minimum width को set करने के लिए इसका use किया जाता है।
Height and Width Property Values
CSS मे height और width property के लिए बहुत सी values दी गयी है। आप अपनी जरूरत के हिसाब से कोई भी value को use कर सकते हो।
auto:-ये इसकी default value है। इसमें ब्राउज़र element की height और width को अपने आप calculate करके element को दिखाता है।
lenth:-इसका प्रयोग height या width को lenth में define करने के लिए किया जाता है जैसे: cm, px etc.
%:- इसमें height और width को containing block के size के % के हिसाब से वैल्यू दी जाती है।
initial:- Height और width को अपनी खुद की default वैल्यू मेँ show करने के लिए इसका use किया जाता है।
inherit:-किसी element की पहले से define की गयी height और width के अनुसार दिखाने के लिए इसका प्रयोग होता है।
NOTE:- याद रखें कि height और width property में padding, border, और margin शामिल नही होते। किसी element के padding, border और margin के अंदर वाले area के लिए height और width को set किया जाता है।
इस टूटोरियल में हमने css height and width property और उसमें प्रयोग की जाने वाली values के बारें मे बताया है। अगर आपको किसी भी प्रकार की इस से related कोई सहायता चाहिए तो आप कमेंट जरूर करे। आपके हर comment का जवाब आपको दिया जाएगा। आप अपने दोस्तों के साथ इसको facebook, whatsapp पर share जरूर करे।
About Author
Sant Lal
My Name is Sant Lal From Haryana India.I am a part time blogger and always share usefull information for visiter.I want to help people about blogging, SEO and making money. Aap mujhe support de aur jyada se jyada apne dosto ke sath share kre. Google Plus