Shulou(Shulou.com)05/31 Report--

In this article Xiaobian for you to introduce in detail "how to use the padding attribute in CSS", the content is detailed, the steps are clear, and the details are handled properly. I hope that this article "how to use the padding attribute in CSS" can help you solve your doubts.

CSS padding attribute

Definition and usage

The padding shorthand property sets all the inner margins properties in a declaration.

Description

This abbreviated property sets the width of all the inner margins of the element, or sets the width of the inner margins on each side. The inner margin set on an inline non-replacement element does not affect the row height calculation; therefore, if an element has both an inner margin and a background, it may visually extend to other lines and may overlap with other content. The background of the element extends through the inner margin. A negative margin value is not allowed.

Note: negative values are not allowed.

Example 1

Padding:10px 5px 15px 20px; the upper inner margin is 10px

The right inside margin is 5px.

The lower inner margin is 15px

The left inner margin is 20px

Example 2

Padding:10px 5px 15px; the upper inner margin is 10px

The right and left inner margins are 5px

The lower inner margin is 15px

Example 3

Padding:10px 5px; the upper and lower inner margins are 10px

The right and left inner margins are 5px

Example 4

All four inner margins of padding:10px; are 10px

Example

Set the 4 inner margins of the p element:

P {padding:2cm 4cm 3cm 4cm;}

Browser support

The padding property is supported by all browsers.

Note: no version of Internet Explorer (including IE8) supports the attribute value "inherit".

Possible value

After reading this, the article "how to use padding attributes in CSS" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself to understand it. If you want to know more about related articles, welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.