Margin shorthand CSS

Margin css

/* Apply to all four sides */
margin: 1em;
margin: -3px;

/* vertical | horizontal */
margin: 5% auto;

/* top | horizontal | bottom */
margin: 1em auto 2em; 

/* top | right | bottom | left */
margin: 2px 1em 0 auto;

/* Global values */
margin: inherit;
margin: initial;
margin: unset;

Source: developer.mozilla.org

Css margin

div.one {
  	margin: 20px; /* All around */
}
div.two {
	margin: 20px 10px; /* vertical | horizontal */
}
div.three {
	margin: 20px 10px 30px; /* top | horizontal | bottom */
}
div.four {
	margin: 20px 10px 30px 40px; /* top | right | bottom | left */
}

Margin css

      	                		  			Margin
			_____________________________________________________________________
			|   		 					Border								|	
			|			 ____________________________________________			|
  	  		|			 |					Padding 				|			|
	        |   		 |				_________________			|			|
	Margin	|	Border	 |	Padding		|	Content		|	Padding	| Border	|	Margin	
    	    |    		 |				_________________			|			|
   		    |   		 |					Padding					|			|
     		|    		 |__________________________________________|			|
        	|    		 					Border								|
        	|___________________________________________________________________|	
             								Margin

Css code for margin

body {
  margin: 0px;
}

Margin shorthand CSS

margin: 10px 5px 10px 5px;

Source: developer.mozilla.org

Similar codes

0 vote240 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS Skeleton
6 votes163 views1 answer
How to change hyperlink color in css
CSS
2 votes142 views2 answers
Why is my footer not at the bottom html
CSS
0 vote137 views1 answer
Remove border from last child css
CSS
0 vote161 views1 answer
Submit button css class
CSS
4 votes153 views4 answers
What is the "style", when creating an internal CSS?
CSS
0 vote156 views1 answer
How to use purgecss with webpack mix laravel
CSS
16 votes173 views4 answers
Scss to css
CSS
1 vote199 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
10 votes151 views10 answers
Fortnite
CSS