The CSS box model is the idea that all elements in HTML are boxes and each box has border. Each box/element then has a content area, padding area, border area and margin area. By default the content area will be as wide and as tall as the contents inside the element, and the padding, border and margins are 0 or the browser's defaults, which vary from browser to browser.
- width
- height
- padding