Home>Article>Web Front-end> what is css padding
css padding refers to the blank area between the element border and the element content. Controlling this area are the padding, padding-top, padding-right, padding-bottom, and padding-left properties; they accept length or percentage values, but do not allow negative values.
The operating environment of this tutorial: Windows 7 system, CSS3 version, Dell G3 computer.
CSS padding is the padding of an element, which refers to the blank area between the element border and the element content.
With CSS, you have complete control over padding (padding). There are properties that set padding for each side of the element (top, right, bottom, and left).
CSS has properties for specifying padding on each side of an element:
padding-top
padding-right
padding-bottom
padding-left
You can also usepaddingdirectly and specify all the above padding attributes in one attribute. Reduce code.
The padding attribute accepts a length value or a percentage value, but negative values are not allowed.
Possible values:
| Value | Description |
|---|---|
| auto | The browser calculates the padding. |
| length | Specifies the padding value in specific units, such as pixels, centimeters, etc. The default value is 0px. |
| % | Specifies padding as a percentage of the width of the parent element. |
| inherit | Specifies that padding should be inherited from the parent element. |
The padding attribute can have 1~4 values:
padding:25px 50px 75px 100px;
The top padding is 25px
The right padding is 50px
The bottom padding is 75px
The left padding is 100px
padding:25px 50px 75px;
The top padding is 25px
The left and right padding is 50px
The bottom padding is 50px 75px
padding:25px 50px;
The top and bottom padding is 25px
The left and right padding is 50px
padding:25px;
All padding is 25px
(Learning video sharing:css video tutorial)
The above is the detailed content of what is css padding. For more information, please follow other related articles on the PHP Chinese website!