Border

borders:
Instead of setting each side of borders separately, the whole thing can be done using the single property ( the border property).
 
Usage:
border: <border-width> || <border-style> || <border-color>;
 
This will set the border to any object.
 
  1. border : 5px dotted green – The border is set using the tag border. The values or in the orderwidth, style and color of border.
 
It sets the border on all four sides.
 
Example 1:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<HTML>
 <HEAD>
  <TITLE>Border Example</TITLE>
  <style>
.border1
{
border : 2px dotted red ;border : 2px dotted red ;
}  </style>
 </HEAD>

 <BODY>
<span class=”border1″> testing border properties </span>
</body>

</HTML>

 
CSS Border Properties
 
Property Description Values
border A shorthand property for setting all of the properties for the four borders in one declaration border-width
border-style
border-color
border-bottom A shorthand property for setting all of the properties for the bottom border in one declaration border-bottom-width
border-style
border-color
border-bottom-color Sets the color of the bottom border border-color
border-bottom-style Sets the style of the bottom border border-style
border-bottom-width Sets the width of the bottom border thin
medium
thick
length
border-color Sets the color of the four borders, can have from one to four colors color
border-left A shorthand property for setting all of the properties for the left border in one declaration border-left-width
border-style
border-color
border-left-color Sets the color of the left border border-color
border-left-style Sets the style of the left border border-style
border-left-width Sets the width of the left border thin
medium
thick
length
border-right A shorthand property for setting all of the properties for the right border in one declaration border-right-width
border-style
border-color
border-right-color Sets the color of the right border border-color
border-right-style Sets the style of the right border border-style
border-right-width Sets the width of the right border thin
medium
thick
length
border-style Sets the style of the four borders, can have from one to four styles none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
border-top A shorthand property for setting all of the properties for the top border in one declaration border-top-width
border-style
border-color
border-top-color Sets the color of the top border border-color
border-top-style Sets the style of the top border border-style
border-top-width Sets the width of the top border thin
medium
thick
length
border-width A shorthand property for setting the width of the four borders in one declaration, can have from one to four values thin
medium
thick
length
 
Scroll to Top