Skip to main content

CSS - CSS Marginsin hindi, kya h, css margin kese set kre,hindi me Technamdev.blogspot.com

CSS-Margins

box model

margin-top:20px;
margin-right:50%;
margin-left:50%;
margin-bottom:50px;
This text has been taken to show the effect of margin-bottom.


CSS Margins से element के top, right, bottom और left side के लिए margin दी जाती है | Margins ये negative values भी हो सकती है, लेकिन अगर negative value दी जाती है तो elements एक दुसरे पर overlap होने संभावना होती है |
Margins के demonstration के लिए आप border का इस्तेमाल कर सकते है |

Margins related Properties


Example for margin property CSS Margins

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


Live Example


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


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

CSS Margins Properties

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