15. Border Properties
15. Border Properties
- border-width: width
- Width can be any of:
thin,
medium,
thick, or
length.
Can take up to 4 values, for
top right bottom and left.
- border-style: style
- Style can be any of:
none,
hidden,
dotted,
dashed,
solid,
double,
groove,
ridge,
inset, or
outset.
Can take up to 4 values, for
top right bottom and left.
- border-color: color | transparent
- Sets the border's color.
Can take up to 4 values, for
top right bottom and left.
- border-{top,right,bottom,left}-width
- border-{top,right,bottom,left}-style
- border-{top,right,bottom,left}-color
- Set the width, style, or color on a single side.
- border-{top,right,bottom,left}: [width] [style] [color]
- Shorthand for setting width, style, and color on a single side.
- border: [width] [style] [color]
- Shorthand for setting width, style, and color on all 4 sides.
E.g.: border: 1px solid red
Ken Keys, CAIDA, 2006-12-01