Understanding the CSS Box Model: like paintings on an exhibition

Padding:

Right: {{padding.right}}px Left: {{padding.left}}px Top: {{padding.top}}px Bottom: {{padding.bottom}}px

Border width:

Right: {{border.right}}px Left: {{border.left}}px Top: {{border.top}}px Bottom: {{border.bottom}}px

Margin:

Right: {{margin.right}}px Left: {{margin.left}}px Top: {{margin.top}}px Bottom: {{margin.bottom}}px

Generated CSS: