CSS: padding

Padding

padding is shorthand to the following:

• padding-top: value
• padding-right: value
• padding-bottom: value
• padding-left: value

.aaa {
 padding: 1rem;
}

.bbb {
 padding-top: 1rem;
 padding-bottom: 1rem;
 padding-left: 1rem;
 padding-right: 1rem;
}

syntax

padding can have 1 to 4 values, separated by space:

• padding: AllSides
• padding: TopBottom LeftRight
• padding: Top LeftRight Bottom
• padding: Top Right Bottom Left

• CSS: Length Units

Padding value cannot be negative

Example

<div class="xpadding-nT9Dk">something</div>

.xpadding-nT9Dk {
 padding: 1rem;
 outline: dotted 2px red;
}