📦 CSS Padding Properties

CSS Padding Properties define the spacing between an element's content and its border. Padding improves content readability and layout structure.

You can apply padding to individual sides (top, right, bottom, left) or use the shorthand property to define all at once. Padding does not accept negative values and can be specified in pixels, percentages, etc.

The padding property sets all four paddings using a single value.

Use padding-top, padding-right, padding-bottom, and padding-left to control padding on each side separately.

The padding property can take two values: first is vertical (top & bottom), second is horizontal (left & right).

With three values: first = top, second = left & right, third = bottom.

Four values apply in clockwise order: top, right, bottom, left.