CSS margin, padding, border, background, and font abbreviation examples _ Experience Exchange

Here are examples of some of the more commonly used properties.

Margin

margin-top:1px;
margin-right:1px;
margin-bottom:1px;
margin-left:1px;
Code simplification to: margin:1px

margin-top:1px;
margin-right:2px;
margin-bottom:1px;
margin-left:2px;
Code simplification to: margin:1px 2px

margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:2px;
Code simplification to: margin:1px 2px 3px

margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:4px;
Code simplification to: margin:1px 2px 3px 4px

Note: When the value of the property is 0, the unit may not write as follows: 0px is written directly 0

Padding

Padding's writing method is similar to the margin

padding-top:1px;
padding-right:1px;
padding-bottom:1px;
padding-left:1px;
Code simplification to: padding:1px

padding-top:1px;
padding-right:2px;
padding-bottom:1px;
padding-left:2px;
Code simplification to: padding:1px 2px

padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:2px;
Code simplification to: padding:1px 2px 3px

padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:4px;
Code simplification to: padding:1px 2px 3px 4px

Border

border-width:1px;
Border-style:solid;
Border-color: #000000;
Code simplification to: border:1px solid #000

Background

Background-color: #CCFFFF;
Background-image:url (picture path);
Background-repeat:repeat-x;
background-position:5px 4px;
Code simplification to: background: #CFF URL (picture path) repeat-x 5px 4px

Font

font-size:26px;
Font-weight:bold;
font-family: "Song Body";
Code simplification to: font:26px bold "Song Body"

Color Property value

Color: #000000;
Color: #ff0000;
The code is simplified to: color: #000, color: #f00

