Cascading Style Sheets Syntax

CSS Border

What Does CSS Border?

Border property is to make the outline on an (x)HTML element.

The border-style property specifies what kind of border to display,
such as border width, border color and border style ( solid, dotted, dashed, thick, thin, double, etc).

There are several properties on the Border as follows,

Look Examples in below :

• Top Border, to set the upper edge of the line.
  Example:

div {border-top-style:solid;
     border-top-width:1px;
     border-top-color:#FF0000;
     }

• Right Border , to set the right sideline.
  Example:

div {border-right-style:double;
     border-right-width:4px;
     border-right-color:#000000;
    }

• Bottom Border , to set the lower edge of the line.
  Contoh:

div {border-bottom-style:dashed;
     border-bottom-width:thick;
     border-bottom-color:#FF0000;
    }

• Left Border, to set the left sideline.
  Contoh:

div {border-left-style:dotted;
     border-left-width:thin;
     border-left-color:#FF0000;}

How to combine CSS Border?

If you want to combine all the border properties in one declaration, the method is as follows:

div {border-top:1px solid #000000;
     border-right :2px dashed #cccccc;
     border-bottom:3px dotted #999999;
     border-left :4px double #333333;
}