CSS Height & Width Tutorial

CSS Height & Width Tutorial
CSS Height & Width Tutorial in Hindi - Part 8

आज इस आर्टिकल में हम आपको CSS Height & Width Tutorial in Hindi – Part 8 के बारे में बता रहे है. CSS official Website

CSS Height & Width Tutorial in Hindi - Part 8

Height और Width property का इस्तेमाल किसी भी element की height और width सेट करने के लिए किया जाता है. इसकी value हम px, cm, mm, % में रख सकते है. Height और Width property में margin, padding और border सम्मलित नही होता है. यह एक element के width और height को सेट करते है और इसके बाद padding, border और margin अपना काम करते है.

Example – CSS Height & Width Tutorial in Hindi – Part 8

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

CSS Height & Width
CSS Height & Width

max-width Setting

इसका इस्तेमाल किसी element की max width सेट करने के लिए किया जाता है. इसका मतलब है की किसी भी element की max-width आपके सेट की गयी value होगी और screen के की width कम करने पर यह कम हो जायेगी लेकिन max-width से ज्यादा बड़ी नहीं होगी. यह width property को override भी करती है.

Example

div {
    max-width: 500px;
    height: 200px;
    background-color: blue;
}

Output>>>>

Max width
Max width When Browser not resized.
Max width with browser resized
Max width with browser resized

CSS Box Model Tutorial in Hindi – Part 9>>>>>>>>>>>>>

इसे भी पढ़े – Pendrive Bootable कैसे बनाए?

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

Your email address will not be published. Required fields are marked *