SyntaxStudy
Sign Up

padding

property

Sets the padding area on all four sides of an element. Unlike margin, it cannot be negative.

Syntax

padding: top right bottom left;

Example

css
.card {
    padding: 24px;           /* all sides */
    padding: 12px 24px;      /* top-bottom left-right */
}

.btn {
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
}