Border Properties
Border Style
Dotted Border
<![CDATA[p {
border-style: dotted;
}]]>
Dashed Border
<![CDATA[p {
border-style: dashed;
}]]>
Solid Border
<![CDATA[p {
border-style: solid;
}]]>
Double Border
<![CDATA[p {
border-style: double;
}]]>
Border Color
Blue Border
<![CDATA[p {
border-style: solid;
border-color: blue;
}]]>
Orange Border
<![CDATA[p {
border-style: solid;
border-color: #FFA500;
}]]>
Purple Border
<![CDATA[p {
border-style: solid;
border-color: rgb(128,0,128);
}]]>
Border Width
1px Width Border
<![CDATA[p {
border-style: solid;
border-width: 1px;
}]]>
5px Width Border
<![CDATA[p {
border-style: solid;
border-width: 5px;
}]]>
10px Width Border
<![CDATA[p {
border-style: solid;
border-width: 10px;
}]]>
Border Radius
5px Radius Border
<![CDATA[p {
border-style: solid;
border-radius: 5px;
}]]>
10px Radius Border
<![CDATA[p {
border-style: solid;
border-radius: 10px;
}]]>
20px Radius Border
<![CDATA[p {
border-style: solid;
border-radius: 20px;
}]]>
Circles
circle
<![CDATA[p {
width:100px;
height:100px;
border-radius: 50%;
}]]>
oval
<![CDATA[p {
width:200px;
height:100px;
border-radius: 50%;
}]]>
<![CDATA[img {
border-style: none;
border-radius: 50%;
}]]>