What is "content area"?

Content area is the inner area of an element's box where its content is placed: text, images, nested elements. The properties width and height apply to the content area, and it sits at the center of the Box Model.

Structure from outside in:

Characteristic features:

• it is the most central part of the box;
• padding, border, and margin are not part of it;
• if box-sizing: content-box is set, width and height work only with it.

Summary: content area is the area of an element's actual content, without inner padding or borders.