Solid border
Double border
Groove border
Inset border
Dashed border
Thin Red Solid border
Medium Blue Outset border
Crazy Red Outset border
CSS controls borders with the properties border-width, border-style, and border-color.
- border-width may be set to pre-defined values thin, medium, thick, or specified in the units em, ex, px.
Experiment here with different values of the border-width which is currently set to 10px.
- border-style may be set to pre-defined values none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset Please experiment with these to learn what they all do
- border-color may be set to any color
Please note that the last three div elements are assigned to multiple classes.
Also note that border properties may be set individually for top, left, etc. But, there is such a thing as getting carried away by all this!
Instead, please Click here to return to Tutorial Part 8