CSS Width Property In Hindi

CSS Width Property In Hindi – CSS Width In Hindi:- Height Or Width Ke Jariye Aap Element Ki Height Or Width Ko Set Kar Sakte Ho | Height-Property Ke Jariye Aap Element Ko Vertical Increase Kara Sakte Ho And Width-Property Se Aap Horizontally Increase Kara Sakte Ho |

Yadi Aapne HTML Full Course Nhi Read Kiya Hai To Aap Vah Bhi Read Kar Sakte Hai | Kyoki Usme Milenge Aapko HTML Full Course A to Z |

CSS Backgrounds
CSS Borders

Height And Width Ko Ham 2 Parts Mai Define Karne Hai Or Ham Is Post Main Keval Width Property Ke Bare Main Details Main Jante Hai And Height Property Ke Liye Aap Yaha Click Kare:- Height Property

Contents

1 CSS Width Property In Hindi
- 1.1 Different Type of Width Property In Hindi

Width Property Ka Istemal Element Ki Width Set Karne Ke Liye Kiya Jata Hai | Width-Property Ke Jariye Aap Element Ko Horizontally Increase Kara Sakte Ho |

Different Type of Width Property In Hindi

Element Ki Width Set Karne Ke Liye CSS Duvara Koi Width Properties Available Hoti hai Is Properties Ke Duvara Aap Element Ki Width Ko Control Kar Sakte Hai |

width Property
max-width Property
min-width Property

Width Property in Hindi

CSS Width Property Ka Istemal Element Ki Width Set Karne Ke Liye Kiya Jata Hai | Width-Property Ke Jariye Aap Element Ko Horizontally Increase Kara Sakte Ho |

CSS Margins
CSS Padding

For Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Width </title>
  <style>
    p {
    width: 80%;
    border: 3px solid red;
    }
  </style>
<body>
<p>This is a Paragraph. And We Can Use Width 80 % of Our Screen</p>
</body>
</html>

Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme Paragraph ki width:80%; Diya Hai |

max-width Property In Hindi

max-width Se Maximum Width Fixed Kar Sakte Hai And max-width Ka Istemal Ye Jyadatar CSS Media Query Ke Liye Jata Hai | Media Query Se Responsive Webpage Ko Create Kiya Jata Hai |

Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Width </title>
  <style>
    p {
    max-width: 50%;
    border: 3px solid red;
    }
  </style>
<body>
<p>This is a Paragraph. And We Can Use max-Width 50 % of Our Screen</p>
</body>
</html>

Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai.

min-width Property In Hindi

min-width Se Minimum Width Fixed Kar Sakte Hai And min-width Ka Istemal Ye Jyadatar CSS Media Query Ke Liye Jata Hai | Media Query Se Responsive Webpage Ko Create Kiya Jata Hai |

Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Width </title>
  <style>
    p {
    min-width: 50%;
    border: 3px solid red;
    }
  </style>
<body>
<p>This is a Paragraph. And We Can Use min-Width 50 % of Our Screen</p>
</body>
</html>

Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai.

Friends Mujhe Umeed Hai Ki Aapko CSS Width In Hindi Ke Bare Mai 100% Jankari Ho Gayi Hogi | Agar Aapko Learn Karne Main Dikkat Aa Rahi Hai To Aap Mere Se Contact Kar Sakte Hai |