Border contain Three properties:
1) property: border-style
values: solid, dotted, dashed, double, groove, ridge, inset and outset
2) property: border-width
values: border-top-width, border-right-width, border-bottom-width and border-left-width
3) property: border-color
Note: We can combine this all property in a single property called "border"
Ex: border: border-style width color
border: solid 2px #000
Final Example:
<html>
<head>
<style>
h1 {
border:solid 2px #000
}
p {
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
</style>
</head>
<body>
<h1> This is heading</h1>
<p> This is paragraph</p>
</body>
</html>
Output in Browser
powered by multimediagyan ©
No comments:
Post a Comment