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

This article mainly introduces what are the margin attributes in css3. It is very detailed and has a certain reference value. Friends who are interested must read it!

Two kinds of margin attributes of css3: 1, the inner margin attribute (padding, padding-top, etc.), which can set the space between the element border and the element content; 2, the outer margin attribute (margin, margin-top, etc.), which can set the space around the element.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

There are two types of margins for css3:

Inner margin (padding): the space between the element border and the element content

Outer margin (margin): space around an element

Inside margin attribut

Property description padding uses abbreviated attributes to set all fill attributes in a declaration the bottom fill of the padding-bottom setting element, the left fill of the padding-left setting element, the right fill of the padding-right setting element, the top fill of the padding-top setting element.

Example:

P {background-color:yellow;} p.padding {padding:25px 50px;}

This is a paragraph with no inner margin specified.

This is a paragraph that specifies the inner margin.

Outer margin attribut

Property describes the margin shorthand property. Set all outer margin properties in a declaration. Margin-bottom sets the bottom margin of the element. Margin-left sets the left margin of the element. Margin-right sets the right margin of the element. Margin-top sets the top and outer margins of the element.

Example:

P {background-color:yellow;} p.margin {margin:100px 50px;}

This is a paragraph that does not specify the margin size.

This is a paragraph that specifies the size of the margin.

The above is all the content of the article "what are the margin attributes in css3?" Thank you for reading! Hope to share the content to help you, more related knowledge, 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.