CSS: Border
Example of borders:
solid
dotted
dashed
double
groove
ridge
inset
outset
Border has this shorthand syntax:
border:solid 2px red
border
is shorthand for
border-style
border-width
border-color
Sample code:
p {border:solid 2px red}
Border Style
solid
is a value from border-style
property.
Here is possible border-style
values:
solid
dotted
dashed
double
groove
ridge
inset
outset
none
hidden
Side Borders
Border can be applied to a side only.
The properties are:
border-top
border-bottom
border-left
border-right
Example:
something in the water does not compute
.border21542 { display: inline-block; border-bottom: dotted 5px red; }
Border with Round Corners
solid
dotted
dashed
double
groove
ridge
inset
outset
[see CSS: Round Corners]