CSS Padding Property In Hindi – CSS Padding In Hindi:- CSS Padding Waise To Margin Ki Tarah Hi Hoti Hai. Lekin Padding Border Ke Under Ko Hoti Hai Or Margin Body Ke Under Hota Hai |
For Example:

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 Padding Property In Hindi
Contents
CSS Padding Se Element Ke Content Ke Liye Top, Right, Bottom, Or Left Side Ke Liye Padding Di Jati hai | Padding Ke Liye Negative Values Yani Ki Minus( – ) Main Values Istemal Yani Valid Nhi Hoti Hai |
Padding Property Ki Value Aap Length ( Cm, pt, px Etc ), Percentage % or inherit Duvara Set Kar Sakte Hai |
Different Type of Padding Property in Hindi
- padding-top Property
- padding-right Property
- padding-bottom Property
- padding-left Property
- padding Property
Aap Upper Dekh Sakte Hai Ki Padding Ki 4 Types Ki Property Hoti Hai. Jinke Bare Main Details Mai Niche Bataya Gaya Hai |
padding-top Property In Hindi
Padding-top Property Duvara Kisi Element Ke Liye Top Se Padding Ko Set Kiya Jata Hai | Matlab Element Content Or Border Ke Bich Mai Kitna Space Rahega |
For Example:
<!DOCTYPE html> <html> <head> <title>CSS Padding</title> <style> #border{ border:2px solid red; } h4 { padding-top: 10px; } </style> <body> <div id = "border"> <h4>This is Padding</h4> </div> </body> </html>
Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding-top:10px; Diya Hai |
padding-right Property In Hindi
Padding-right Property Duvara Kisi Element Ke Liye Right Se Padding Ko Set Kiya Jata Hai. Matlab padding-right Dene Se Right Ki Taraf Se Content Space Main Ho Jayega |
For Example:
<!DOCTYPE html> <html> <head> <title>CSS Padding</title> <style> #border{ border:2px solid red; } h4 { border:2px dotted green; padding-right: 400px; } </style> <body> <div id = "border"> <h4>This is Padding </h4> </div> </body> </html>
Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding-right:400px; Diya Hai |
padding-bottom Property In Hindi
Padding-bottom Property Duvara Kisi Element Ke Liye Bottom Yani Niche Se Padding Ko Set Kiya Jata Hai. Matlab Niche Se Element Content Or Border Ke Bich Kitna Khali Space Rahega |
For Example:
<!DOCTYPE html> <html> <head> <title>CSS Padding</title> <style> #border{ border:2px solid red; } h4 { border:2px dotted green; padding-bottom: 20px; } </style> <body> <div id = "border"> <h4>This is Padding Bottom</h4> </div> </body> </html>
Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding-bottom:20px; Diya Hai |
padding-left Property In Hindi
Padding-left Property Duvara Kisi Element Ke Liye Left Se Padding Ko Set Kiya Jata Hai. Matlab Left Se Element Content Or Border Ke Bich Kitna Khali Space Rahega |
For Example:
<!DOCTYPE html> <html> <head> <title>CSS Padding</title> <style> #border{ border:2px solid red; } h4 { border:2px dotted green; padding-left: 20px; } </style> <body> <div id = "border"> <h4>This is Padding left</h4> </div> </body> </html>
Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding-left:20px; Diya Hai |
padding property In Hindi
Padding Property Par Aap Top Right Bottom Or Left Ke Sequence Mai Paddings Ko Set Kar Sakte Hai |
Example Par padding:20px; ye top,right,bottom or left In Charo Yani ke 4 sides Ke Liye 20px Liya Gaya Hai |
For Example:
<!DOCTYPE html> <html> <head> <title>CSS Padding</title> <style> #border{ border:2px solid red; } h4 { border:2px dotted green; padding: 20px; } </style> <body> <div id = "border"> <h4>This is Padding </h4> </div> </body> </html>
Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding:20px; Diya Hai |
Padding Agar Ek Sath Top, Bottom, And Right Left Ke Liye Deni Hai To Uske Liye keval 2 Values, Deni Hoti Hai, |
For Example:
<!DOCTYPE html> <html> <head> <title>CSS Padding</title> <style> #border{ border:2px solid red; } h4 { border:2px dotted green; padding: 20px 10px; } </style> <body> <div id = "border"> <h4>This is Padding </h4> </div> </body> </html>
Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding:20px 10px; Diya Hai |
Padding Agar Alag-Alag Top, Right, Bottom, Left Ke Liye Deni Hai To Uske Liye Keval 4 Side Values, Deni Hoti Hai, |
For Example:
<!DOCTYPE html> <html> <head> <title>CSS Padding</title> <style> #border{ border:2px solid red; } h4 { border:2px dotted green; padding: 20px 10px 20px 10px; } </style> <body> <div id = "border"> <h4>This is Padding </h4> </div> </body> </html>
Aap Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai. Waise Hamne Isme padding:20px 10px 20px 10px ; Diya Hai |
Friends Mujhe Umeed Hai Ki Aapko CSS Padding Property 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 |