CSS Margins Property

CSS Margin Property In Hindi – CSS Margins In Hindi

CSS

CSS Margin Property In HindiCSS Margins In Hindi Kiya Hai Or CSS Margins Kyo Istemal Karte Hai, Types Of Css Margins In Hindi Ye Sab Ham Aaj Is Post Mai Learn Karne Wale Hai Wo Bhi Step By Step Without Any Confusion |

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 Margin Property In Hindi

Margin Bhi CSS BOX Model Ka Ek Important Part Hai. Jiski Help Se Element Ke Charo Taraf Khali Jagah Yani Space Ko Define Kiya Jata Hai | Kisi Bhi Element Ka Margin Us Element Ki Webpage Main Position Ko Define Karta Hai |

Types Of CSS Margin Properties in Hindi

Margin Ko CSS Main Alag-Alag Side Se Bhi Define Kar Sakte Hai Or Chahe To Ek Sath Bhi Define Kiya Ja Sakta Hai | CSS Margin Main Aap Auto-margin Ka Istemal Bhi Kar Sakte Hai |

  • Margin-top Property
  • Margin-right Property
  • Margin-bottom Property
  • Margin-left Property

Margin-top Property in Hindi

Is Property Duvara Kisi Element Ke Liye Top Se Margin Ko Set Kar Sakte Hai. Matlab Element Or Element Container Ya Browser Window Top Ke Bich Main Kitna Space Yani Jagah Rahega |

Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Margins</title>
     <style>
     	body{
     		border: 4px solid green;
     	}
        h4 {
        	border:2px solid red;

        	margin-top: 50px;
        }
       
    </style>
<body>

    <h4>This Heading H4 FOR TESTING PURPOSE.</h4>
    
</body>

</html>

Upper Diye Code Main Hamne margin-top:50px Diya Hai Joki Body Se 50px Down Hoga. Aap Waise Is Code Ko Run Karke Understand Kar Sakte Hai |

Margin-right Property in Hindi

Is Property Duvara Kisi Element Ke Liye Right Se Margin Ko Set Kar Sakte Hai. Matlab Element Or Element Container Ya Browser Window Ke Right Main Kitna Space Yani Jagah Rahega |

Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Margins</title>
     <style>
     	body{
     		border: 4px solid green;
     	}
        h4 {
        	border:2px solid red;

        	margin-right: 500px;
        }
       
    </style>
<body>

    <h4>This Heading H4 FOR TESTING PURPOSE.</h4>
    
</body>

</html>

Upper Diye Code Main Hamne margin-right:500px Diya Hai Joki Body Se 500px Left Hoga. Aap Waise Is Code Ko Run Karke Understand Kar Sakte Hai |

Margin-bottom Property in Hindi

Is Property Duvara Kisi Element Ke Liye Bottom Se Margin Ko Set Kar Sakte Hai.

Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Margins</title>
     <style>
     	body{
     		border: 4px solid green;
     	}
        h4 {
        	border:2px solid red;

        	margin-bottom: 50px;
        }
       
    </style>
<body>

    <h4>This Heading H4 FOR TESTING PURPOSE.</h4>
    
</body>

</html>

Upper Diye Code Main Hamne margin-bottom:50px Diya Hai Joki Body Se 50px Upper Hoga. Aap Waise Is Code Ko Run Karke Understand Kar Sakte Hai |

Margin-left Property in Hindi

Is Property Duvara Kisi Element Ke Liye Left Se Margin Ko Set Kar Sakte Hai. Matlab Element Or Element Container Ya Browser Window Ke Left Main Kitna Space Yani Jagah Rahega |

Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Margins</title>
     <style>
     	body{
     		border: 4px solid green;
     	}
        h4 {
        	border:2px solid red;

        	margin-left:500px;
        }
       
    </style>
<body>

    <h4>This Heading H4 FOR TESTING PURPOSE.</h4>
    
</body>

</html>

Upper Diye Code Main Hamne margin-left500px Diya Hai Joki Body Se 500px Right Hoga. Aap Waise Is Code Ko Run Karke Understand Kar Sakte Hai |

CSS Margin Property In Hindi

Yah Margin Ki Shorthand Property Hoti Hai. Jiske Duvara Ke Baar main Hi Sabhi Taraf Ki Margin Declare Yani Set Ki Jati hai. Jab Is Property Duvara Margin Declare Ki Jati Hai Tab Margin Ka Number Is Parkar Rahta Hai |

  1. Margin-top
  2. Margin-right
  3. Margin-bottom
  4. Margin-left

Ab Inhe Ham Ek Line Main Example Ke Sath Understand Karte Hai.

Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Margins</title>
     <style>
     	body{
     		border: 4px solid green;
     	}
        h4 {
        	border:2px solid red;
        	margin:50px 500px 50px 500px;
        }
       
    </style>
<body>

    <h4>This Heading H4 FOR TESTING PURPOSE.</h4>
    
</body>

</html>

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

Friends Mujhe Umeed Hai Ki Aapko CSS Margins 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 |

Leave a Reply

Your email address will not be published. Required fields are marked *