In CSS, padding **cannot** have negative values. Padding represents the space inside an element between its content and its border. Allowing negative padding would effectively reduce the content area below zero, which is invalid and can break the layout. If you need to move content inward or overlap elements, negative margins should be used instead. /* This is invalid and will be ignored by browsers */ div { padding: -10px; border: 2px solid black; } Padding adds space inside an element between content and border. Negative values are not allowed; only positive values or zero. To create overlapping effects, use negative margins instead. Valid values include length units (px, em, rem), percentages, and `0`.

Difficulty: 2/10

box model, CSS layout, validation

Negative Values in CSS Padding

Does padding accept negative values? Why or why not?

Difficulty: 2/10

box model, CSS layout, validation

Negative Values in CSS Padding

In CSS, padding cannot have negative values. Padding represents the space inside an element between its content and its border. Allowing negative padding would effectively reduce the content area below zero, which is invalid and can break the layout. If you need to move content inward or overlap elements, negative margins should be used instead.

Invalid Negative Padding Example

Key Points About Padding

1
Padding adds space inside an element between content and border.
2
Negative values are not allowed; only positive values or zero.
3
To create overlapping effects, use negative margins instead.
4
Valid values include length units (px, em, rem), percentages, and 0.

Scenario Questions

0-2 years experience

2-5 years experience

5-8 years experience

8+ years experience

Follow-up Questions

Sharethis question

Share via WhatsApp, X, Facebook, LinkedIn or copy link. Open Graph preview enabled.