← All Tools
CSS Box Model Visualizer
Interactive box model editor — adjust margin, border, padding & content dimensions
📐 Box Sizing
content-box
border-box
Width/height set the content area only. Border and padding add to total size.
Margin
Lock all sides
Top
Right
Bottom
Left
Border
Lock all sides
Top
Right
Bottom
Left
Padding
Lock all sides
Top
Right
Bottom
Left
Content
Width
Height
📋 Generated CSS
Copy CSS
Copied!