Menu
Index
 

Border

 
Border
 
Border can be applied on any element, for example as a decorative element or to underline a separation of two things. CSS gives you endless options while using border in your pages.
1

Border Style

1. Border Style
The border-style sets the appearance of the border on all four sides of an element using the value specified. It can be Dashed, Dotted or Solid.
2

Border Thickness

2. Border Thickness
Border Left:
It is used to apply the border on the left side of the element. Select the desired value for thickness, from the numeric up down, to apply the border from left side.
 
Border Right:
It is used to apply the border on the right side of the element. Select the desired value for thickness, from the numeric up down, to apply the border from right side.
 
Border Top:
It is used to apply the border on the top side of the element. Select the desired value for thickness, from the numeric up down, to apply the border from top side.
 
Border Bottom:
It is used to apply the border on the bottom side of the element. Select the desired value for thickness, from the numeric up down, to apply the border from bottom side.
3

Border-Radius

3. Border-Radius
Top-Left:
Top-Left radius is used to denote the radius of top-left corner. The curve of radius also increases as the pixels of top-left radius increases.
 
Top-Right:
Top-Right radius is used to denote the radius of top-right corner. The curve of radius also increases as the pixels of top-right radius increases.
 
Bottom-Left:
Bottom-Left radius is used to denote the radius of bottom-left corner.The curve of radius also increases as the pixels of bottom-left radius increases.
 
Bottom-Right:
Bottom-Right radius is used to denote the radius of bottom-right corner.The curve of radius also increases as the pixels of bottom-right radius increases.