### Border

box with default borders, margins, and padding
box with uniform border
A Box with non-uniform border
A Box With Uniform Padding and Border
border = inset 10px
border = outset 10px
border = ridge 10px
border = groove 10px
border = dashed 10px
border = inset w/ uneven sides, 10,20,30,40
border = ridge w/ uneven sides, 10,20,30,40
border = dashed w/ uneven sides, 10,20,30,40

### margins

margins = 0
margins = 20px
margins = 10,20,30,40

### padding

padding = 0
padding = 20px
padding = 10,20,30,40

### shorthand

border = 4px solid red;
border: outset #ff0000 20px ;
border: 1px dashed red;
border: 1px dotted red;

### different styles

border-style: solid dotted dashed groove; border-width: 5px; border-color: red; padding: 13px;
border-style: dotted solid groove dashed; border-width: 5px; border-color: red; padding: 13px;
border-style: solid dotted dashed groove; border-width: 40px 10px 20px 30px; border-color: red; padding: 13px;

### overriding bottom color

bottom border should be red, dashed, 5px
bottom border should be red, dashed, 5px