css border shorthand 4 sides code example

Example 1: css border shorthand

#selector{
    /*The format is border:width style color;*/
    border:2px solid grey;
}

Example 2: css border different sides

/*className     property     values: width style color*/
.rightBorder  { border-right: 1px solid black }

.leftBorder   { border-left: 2px dashed red }

.topBorder    { border-top: 3px dotted blue }

.bottomBorder { border-bottom: 4px double yellow }