We have various border properties of a box, such as border-with, border-style, and border-color.
Syntax:
Create A web Pages named is borderproperties.html
<!doctype html>
<head>
<title>border properties</title>
</head>
<body>
<p style="border-width:10;border-style:solid;border-color:aqua;">This is first paragraph</p>
<p style="border-width:5;border-style:groove;border-color:green;">This is second paragraph</p>
Syntax:
border-width:value;
border-style:font name;
border-color:colorname;
<!doctype html>
<head>
<title>border properties</title>
</head>
<body>
<p style="border-width:10;border-style:solid;border-color:aqua;">This is first paragraph</p>
<p style="border-width:5;border-style:groove;border-color:green;">This is second paragraph</p>
<p style="border-width:9;border-style:double;border-color:red;">This is third paragraph</p>
<p style="border-width:3;border-style:dotted;border-color:blue;">This is fourth paragraph</p>
</body>
</html>
The Output of above document:
</body>
</html>
The Output of above document:
No comments:
Post a Comment