.paddingBox

⟩ ⟩ ⟩ ⟩ ⟩ ⟩ .paddingBox

padding box

origin: (, ) - relative to .borderBox.
size: (, ) = content (width, height) + padding.

synonyms： "client area".

the elements must be in the document to read and other properties, a hidden (display:none) or out of the document element has no size.

position: (, ) in .borderBox

for inline elements (like <i>, <code>, <span>), they all return 0.

size: (, )

for inline elements and elements with no CSS(), they all return zero.

.paddingBox = content + padding
.borderBox = content + padding + border (+ scrollbars, if present)
.scrollBox = content + padding + overflow

width of top/left border
for inline elements (like <i>, <code>, <span>), they all return 0.

doesn't include the width/height of scrollbars (if present).

Previousscrollbar width Next.borderBox

Last updated 2 years ago

Was this helpful?