CSS: Border
Border syntax
border: style width color
border
is shorthand for
border-style
border-width
border-color
Sample code:
p {border:solid 2px red}
Border Style
border-style
values:
- solid
- dotted
- dashed
- double
- groove
- ridge
- inset
- outset
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
.bd-pfGzy { display: inline-block; border-bottom: dotted 5px red; }
Border with Round Corners
solid
dotted
dashed
double
groove
ridge
inset
outset