Posted By
Bajarangi soft ,
Posted On 10-10-2020
Margin properties can have following values:
1. Length in cm, px, pt, etc.
2. Width % of the element.
3. Margin calculated by the browser: auto.
Syntax:
body
{
margin: size;
}
1. If the margin property has 4 values:
margin: 40px 100px 120px 80px;
1. top = 40px
2. right = 100px
3. bottom = 120px
4. left = 80px
Example:
<html>
<head>
<style>
p
{
margin:80px 100px 50px 80px;
}
</style>
</head>
<body>
<h1>
Bajarangi Soft
</h1>
<p>
Margin properties
</p>
</body>
</html>
<html>
<head>
<style>
p
{
margin:80px 50px 100px;
}
</style>
</head>
<body>
<h1>
Bajarangi Soft
</h1>
<p>
Margin properties
</p>
</body>
</html>
<html>
<head>
<style>
p
{
margin:100px 150px;
}
</style>
</head>
<body>
<h1>
Bajarangi Soft
</h1>
<p>
Margin properties
</p>
</body>
</html>
<html>
<head>
<style>
p
{
margin:100px;
}
</style>
</head>
<body>
<h1>
Bajarangi Soft
</h1>
<p>
Margin properties
</p>
</body>
</html>