Page 85 - Modular_V1.1_Flipbook
P. 85
CSS BORDER
The CSS border properties enable to specify the style, width and color of a border.
Border Style
The ‘border-style’ property specifies the outline style of border. Some of the outline styles of
border are:
Name of the
Defines Look of Border Style
Border Style
Dotted Dotted Border
Dashed Dashed Border
Solid Solid Border
Double Double Border
Groove 3D Grooved Border
Ridge 3D Ridged Border
Inset 3D Inset Border
Outset 3D Outset Border
None No Border
Hidden Hidden Border
Syntax: <BODY>
<P STYLE=“ BORDER-STYLE: Name of the Border;”>
Text
</P>
</BODY>
Let us create a web page to use the border style.
<HTML>
<HEAD>
</HEAD>
<BODY>
<P STYLE="BORDER-STYLE:NONE;">
NO BORDER IS SELECTED.</P>
<P STYLE="BORDER-STYLE:SOLID;">
THIS IS A SOLID BORDER.</P>
<P STYLE="BORDER-STYLE:DASHED;">
THIS IS A DASHED BORDER.</P>
<P STYLE="BORDER-STYLE:DOUBLE;">
THIS IS A DOUBLE BORDER.</P> Using border styles
Cascading Style Sheets 83

