Border Properties

Border (shorthand)

The border property is shorthand for border-width, border-style, and border-color, and sets the border of a view.

/* style */
border: solid;

/* width | style */
border: 2px dashed;

/* style | color */
border: solid red;

/* width | style | color */
border: 5px dashed green;

Border Width

The border-width property sets the width of a view's border.

border-width: 5px;
border-width: 20%;

Border Style

The border-style property sets the style of a view's border.

border-style: none;
border-style: solid;
border-style: dashed;
border-style: dotted;

Border Color

The border-color property sets the color of a view's border.

border-color: red;
border-color: #566;