CSS Height and Width In Hindi:-

CSS Height and Width :- दोस्तों Height और Width का उपयोग किसी element के लंबाई और चौड़ाई को नियंत्रित करने के लिए किया जाता है | निचे के Example में आप देख सकते है की हम किस तरह से एक Div Tag की Height और Width को नियंत्रित करते है |

Example 1:-

<html>
<head>
<style>

div {
    height: 250px;
    width: 100px;
    background-color: Tomato;
}

</style>
</head>
<body>
<h2>Example Of height and width of an element</h2>
<p>Following div element has a height of 200px and a width of 50%:</p>
<div>Div Element.</div>
</body>
</html>

 

आप किसी भी दूसरे HTML Tag की Height और Width को इसी तरह नियंत्रित कर सकते है | दोस्तों Height और Width की value को px, cm, या in percent (%) में लिखा जा सकता है | जब हम किसी element की Width को percent (%) में लिख़ते है तो हम जिस Device ( Computer , Tablet, Mobile ) में अपने website को खोलते है उस Device की Screen की चौड़ाई के अनुसार element की चौड़ाई कम ज्यादा हो जाता है |

 

आप निचे के उदाहरण को देखें |

Example 2:-

<html>
<head>
<style>

div {
    height: 250px;
    width: 100%;
    background-color: Tomato;
}

</style>
</head>
<body>
<div>Div Element.</div>
</body>
</html>

जब आप Example 2 को अपने Web Browser पर चलाएंगे तब आप अपने Browser की चौड़ाई को छोटा करके देखें |

जितना बड़ा आप के browser की चौड़ाई होगी Example 2 के div tag की चौड़ाई भी उतना बड़ा हो जायेगा | ये Responsive Website बनाने का एक तरीका है | Responsive Website मतलब ऐसा website जिसे हम जिस Device में खोलते है उसी Device की चौड़ाई के अनुसार Website भी Adjust हो जाये |

Next:- Text Style In Hindi :-