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

Most people do not understand the knowledge points of this article "how to use margin-top and margin-bottom attributes in CSS", so the editor summarizes the following contents, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how to use margin-top and margin-bottom attributes in CSS" article.

CSS margin attribute

There can be a layer of margin on the outside of the frame, which can separate the block-level elements. Margin padding defines the white space around an element (elements). You can check the box mode to understand the outside white and inside white, edge white is divided into the upper outer white (top), the lower outer white (bottom), the left outer white (left), the right external white (right)., edge external white only width width one kind of attribute.

Margin-definition of margin padding

Value: {1Pie4} | inherit

{1pr 4}: the width of the outer margin

Inherit: inheritance

Initial value: 0

Inheritance: no

For: all elements except table-caption, table and inline-table

Margin, the Chinese meaning of "edge, margin"

CSS margin-top attribute

Margin-top-- the outer blanks above the definition

Value: | inherit |

The width of the outer margin on the top

Inherit: inheritance

Initial value: none

Inheritance: no

For: all elements

Margin: edge blanking, top: above

Example

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

CSS margin-bottom attribute

Margin-bottom-- define the outer blanks below

Value: | inherit |

The width of the outer blanks below

Inherit: inheritance

Initial value: none

Inheritance: no

For: all elements

Margin: edge blanking, bottom: below

Example

P#bottom {margin-bottom: 12px;} the above is about "how to use margin-top and margin-bottom attributes in CSS". I believe we all have some understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about it, please 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.