Skip to main content

CSS - CSS Padding


                                      CSS - CSS Padding

box-MODEL

CSS Padding से element के content के लिए top, right, bottom और left side के लिए padding दी जाती है | Padding के लिए negative values नहीं दी जा सकती है |
Padding के demonstration के लिए आप border का इस्तेमाल कर सकते है |

Padding related Properties


Example for padding property CSS Padding

padding property पर आप top right bottom और left के sequence में paddings को set कर सकते है |
Example पर padding:50px; ये top,right,bottom और left इन चारों paddings के लिये 50px लिया गया है |
<p style="padding:50px;border:1px #000 solid;">
padding:50px;
</p>
Output :
padding:50px;


Live Example


Example पर 50px padding ये top,bottom के लिए है और 30px padding ये right,left के लिये दिया गया है |
<p style="padding:50px 30px;border:1px #000 solid;">
padding:50px 30px;
</p>
Output :
padding:50px 30px;


Example पर 50px ये top, 30px ये right और left के लिए और 50% ये bottom लिए दिया गया है |
<p style="padding:50px 30px 50%;border:1px #000 solid;">
padding:50px 30px 50%;
</p>
Output :
padding:50px 30px 10%;

CSS Padding Properties

PropertyDescription
paddingइस property पर element के लिए सभी padding properties दी जाती है |
padding-topElement पर top padding set की जाती है |
padding-rightElement पर right padding set की जाती है |
padding-bottomElement पर bottom padding set की जाती है |
padding-leftElement पर left padding set की जाती है |

Labels:

Comments

Post a Comment

Popular posts from this blog

Create a Responsive Login Form in HTML and CSS in Hindi

Create a Responsive Login Form in HTML and CSS in Hindi                                                              Login Form in HTML and CSS In this video, we will we see How to Create a Responsive Login Form in HTML and CSS in Hindi step by step. As you can see I try to make a Login form that should be different from others available online on any social media. Believe me, you gonna learn many new technique and tips on how to make a Responsive Login Form in HTML and CSS in Hindi. Let's talk about the background of the Login form in Hindi first. You can see It's a diagonal background and I know must of are thinking how we can create a diagonal webpage. Believe me, I wrote only one line of code to get the diagonal background on my Login Form in Hindi. background-image: linear-gradient(to top right,...
Post a Comment
Read more

CSS - CSS Text in hindi, css text kya h, kese likhe Technamdev.blogspot.com

आपने देखा होगा कि कई websites के text का color अलग-अलग होता है | HTML का default text color ये black होता है, लेकिन अगर कुछ लोग चाहते है तो इस text color को बदल भी सकते है | Text Related CSS Properties color direction letter-spacing text-align text-decoration text-indent text-shadow text-transform word-break white-space word-spacing word-wrap Color Property for Text Color निचे div1, div2 और div3 को एक ही color को अलग-अलग प्रकार से दिया गया है | निचे color को अलग-अलग प्रकार से दी जाने वाली values को दिया गया है | Type of Value Description color_name यहाँ पर color का नाम दिया जाता है | For Example, color : red hexadecimal color code यहाँ पर hex code color भी दिया जाता है | For Example, color : #F00 rgb color code यहाँ पर rgb(red,green,blue) color code भी दिया जाता है | color : rgb(255, 0, 0) hsl color code यहाँ पर hsl(hue,saturation,luminance) color code भी दिया जाता है | color : hsl(360, 100%, 50%) .div1{ color : #F00; /* hexadecimal color code...
Post a Comment
Read more

CSS - CSS Colors in hindi, css color kese select kre , kya h.

Colors ये websites के लिए बहुत ही महत्वपूर्ण हिस्सा है | अगर आप एक बढ़िया website चाहते हो तो colors का इस्तेमाल किया ही जाना चाहिए | c o l o r Some Common Colors in CSS Color Name Hex Color Code RGB Color Code WHITE #FFFFFF RGB(255, 255, 255) SILVER #C0C0C0 RGB(192, 192, 192) GRAY/GREY #808080 RGB(128, 128, 128) BLACK #000000 RGB(0, 0, 0) RED #FF0000 RGB(255, 0, 0) MAROON #800000 RGB(128, 0, 0) YELLOW #FFFF00 RGB(255, 255, 0) OLIVE #808000 RGB(128, 128, 0) LIME #00FF00 RGB(0, 255, 0) GREEN #008000 RGB(0, 128, 0) AQUA/CYAN #00FFFF RGB(0, 255, 255) TEAL #008080 RGB(0, 128, 128) BLUE #0000FF RGB(0, 0, 255) NAVY #000080 RGB(0, 0, 128) FUCHSIA #FF00FF RGB(255, 0, 255)) PURPLE #800080 RGB(128, 0, 128)) Example <h1 style="background-color:white;">WHITE</h1> <h1 style="background-color:silver;">SILVER</h1> <h1 style="background-color:gray;">GRAY</h1> <h1 style="background-color:black;...
Post a Comment
Read more