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

Today, the editor will share with you the relevant knowledge points about the difference between padding-bottom and padding-right attributes in CSS. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

CSS padding-bottom attribute

Definition and usage

The padding-bottom attribute sets the bottom inner margin (bottom space) of the element.

Description

This property sets the width of the inner margin under the element. The lower inner margin set on an inline non-replacement element does not affect the row height calculation, so if an element has both an inner margin and a background, it may visually extend to other lines and overlap with other content. Negative inner margin values are not allowed.

Note: negative values are not allowed.

Example

Set the lower inner margin of the p element:

P {padding-bottom:2cm;}

Browser support

All major browsers support the padding-bottom attribute.

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

Possible value

CSS padding-right attribute

Define

The padding-left attribute sets the right inner margin (white space) of the element.

Note: negative values are not allowed.

Inheritance: No

Description

This property sets the width of the right inner margin of the element. The right inner margin set on an inline non-replacement element appears only to the right of the inline boxes generated by the element.

JavaScript syntax

The CSS attribute can also be changed dynamically through a JavaScript.

Script syntax:

Object.style.paddingRight= "2cm" in our HTML DOM tutorial, you can find more details about the paddingRight attribute.

You can also find the complete Style object reference manual in our HTML DOM tutorial.

Examples

H2 {padding-right: 10px}

Possible value

These are all the contents of this article entitled "what is the difference between padding-bottom and padding-right attributes in CSS". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to 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.