box-model
Adjust the sliders to see how the box changes
width:
200
px,
height:
200
px
Box CSS:
Box-sizing
content-box
border-box
Dimensions
Width:
Height:
Padding
Link None
Link T/B
Link R/L
All
Padding Top:
Padding Right:
Padding Bottom:
Padding Left:
Border
Link None
Link T/B
Link R/L
All
Border Top:
Border Right:
Border Bottom:
Border Left:
Margin
Link None
Link T/B
Link R/L
All
Margin Top:
Margin Right:
Margin Bottom:
Margin Left: