CSS Width Height Property In Hindi – CSS Width And Height In Hindi:- Aaj Ham Is Post Main CSS Height Or CSS Width Ke Bare Main Details Main Janne Wale Hai Wo Bhi Examples Ke Sath |
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 Width Height Property In Hindi
Contents

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 |
Height And Width Ko Ham 2 Parts Mai Define Karne Hai Or Ek Ek Karke Inke Bare Main Details Main Jante Hai |
CSS 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 |
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.
CSS Height Property In Hindi
Height Property Ka Istemal Element Ki Height Set Karne Ke Liye Kiya Jata Hai | Heigth-Property Ke Jariye Aap Element Ko Verticle Increase Kara Sakte Ho |
Example:
<!DOCTYPE html> <html> <head> <title>CSS Height </title> <style> p { height: 80%; border: 3px solid red; } </style> <body> <p>This is a Paragraph. And We Can Use Height 80% of Our Screen</p> </body> </html>
Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai.
Different Type of Height Property In Hindi
Element Ki Height Set Karne Ke Liye CSS Duvara Koi Height Properties Available Hoti hai Is Properties Ke Duvara Aap Element Ki Height Ko Control Kar Sakte Hai |
- max-height Property
- min-height Property
max-height Property In Hindi
max-Height Se Maximum Height Fixed Kar Sakte Hai And max-height 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 Height </title> <style> p { max-height: 50%; border: 3px solid red; } </style> <body> <p>This is a Paragraph. And We Can Use max-height 50% of Our Screen</p> </body> </html>
Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai.
min-height Property In Hindi
min-height Se Minimum height Fixed Kar Sakte Hai And min-height 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 Height </title> <style> p { min-height: 50%; border: 3px solid red; } </style> <body> <p>This is a Paragraph. And We Can Use min-height 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 And Height 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 |