Borders in CSS

• CSS border properties allow you to set the border around the HTML elements.
• We can use different properties for the border. Like border color, width, style, etc.
• Also, we can make a border corner rounded with the help of border-radius.

Basic code for Border style values
Border Style and source code :

Style	Code
Dotted Used to set a dotted border	.para { border-style: dotted; }
Dashed It defines a dashed border	.para { border-style: dashed; }
Solid It defines a solid border	.para { border-style: solid; }
Double It defines a double border	.para { border-style: double; }
Groove It defines a 3D grooved border. The effect depends on the border-color value.	.para { border-style: groove; }
Ridge It defines a 3D ridged border. The effect depends on the border-color value.	.para { border-style: ridge; }
Inset It defines a 3D inset border. The effect depends on the border -color value	.para { border-style: inset; }
outset It defines a 3D outset border.The effect depends on the boder-color value.	.para { border-style: outset; }
None It defines no border	.para { border-style: none; }
Hidden It defines a hidden border	.para { border-style: hidden; }

---

Other Border Properties:

Property	Description
border-color:	border-color is used to set the color of the border.
border-radius:	The border-radius property is used to set the radius of the border corners.
border-style:	The border-style property defines what type of border will be displayed. Now let's see some border-style values:

Introduction to CSS Part-2 PDF Click here to download