Box Model 3D

Interactive 3D visualization of how browsers calculate CSS geometry.

Box Sizing Mode

Width/height applies to content only.

Base Dimensions

Width: 200px

Height: 150px

Margin (Orange)

All: 30px

Border (Yellow)

Width: 15px

Padding (Green)

All: 25px

3D Exploded View Depth

Spacing: 80px

Margin

Border

Padding

Content

Drag to rotate 3D view