padding | CSS CSS Properties

Sets the padding area on all four sides of an element. It creates space between an element's content and its border.

Quick example

.box {
  padding: 20px;
  /* equal padding on all sides */
}

.card {
  padding: 1rem 2rem;
  /* vertical | horizontal */
}

Initial value

See individual properties

Inherited

Applies to

all elements except internal table display types

Animation type

length

padding-top

Widely availableSince 201596% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

Safe to use without fallbacks.

12+