The border
property is a shorthand property for the following individual border properties:
- border-width
- border-color
- border-style (required)
1border-width: 3px;
2border-color: red;
3border-style: dotted;
4
5/* above 3 declarations can be shortened to just one like below; */
6border: 3px red dotted;
7
8/*individual properties can be used same*/
9border-top: 5px solid darkblue;
Sample Output
border: 3px red dotted;
border-top: 5px solid darkblue;