Shulou(Shulou.com)06/02 Report--

This article shows you how to analyze the usage and composition of CSS padding attributes. The content is concise and easy to understand. It will definitely brighten your eyes. I hope you can get something through the detailed introduction of this article.

CSS padding attribute-defines intra-edge padding

Value: {1Pie4} | inherit

{1pr 4}: the width of filling white inside the edge

Inherit: inheritance

Initial value: 0

Inheritance: no

For: all elements, except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column

Padding, which means "fill" in Chinese.

The Padding attribute contains paddingleft: left offset distance (set distance from left inner margin); paddingtop: top offset distance (set top margin); paddingright: right offset distance (set right inside margin); paddingbottom: bottom complement distance (set low inside margin).

CSS padding-right attribute

Padding-right-define the padding on the right

Value: | inherit |

The width of the blanks on the right

Inherit: inheritance

Initial value: none

Inheritance: no

For: all elements

Padding: margin padding, right: right

Example

P#right {padding-right: 12px;}

CSS padding-left attribute

Padding-left-define the blanks on the left

Value: | inherit |

The width of the blanks on the left

Inherit: inheritance

Initial value: none

Inheritance: no

For: all elements

Padding: margin padding, left: left

Example

P#left {padding-left: 12px;}

CSS padding-top attribute

Padding-top-- the blanks above the definition

Value: | inherit |

The width of the blanks above

Inherit: inheritance

Initial value: none

Inheritance: no

For: all elements

Padding: margin filling, top: above

Example

P#top {padding-top: 12px;}

CSS padding-bottom attribute

Padding-bottom-define the margin padding under the definition

Value: | inherit |

The width of the blanks below

Inherit: inheritance

Initial value: none

Inheritance: no

For: all elements

Padding: margin filling, bottom: below

Example

P#bottom {padding-bottom: 12px;} the above is how to analyze the usage and composition of CSS padding attributes. Have you learned any knowledge or skills? If you want to learn more skills or enrich your knowledge reserve, you are 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.