Emmet – raccourcis css – Margin, Padding, Box Sizing, Width, Height, Max-Width, Max-Height

25 juillet 2017

Margin, Padding, Box Sizing, Width, Height, Max-Width, Max-Height

CSS module uses fuzzy search to find unknown abbreviations,
e.g. ov:h == ov-h == ovh == oh.
If abbreviation wasn’t found, it is transformed into property name: foo-bar → foo-bar: |;
You can prefix abbreviations with hyphen to produce vendor-prefixed properties: -foo

Margin

abréviation	résultat	abréviation	résultat
`m`	margin:;	`m:a`	margin:auto;
`mt`	margin-top:;	`mt:a`	margin-top:auto;
`mr`	margin-right:;	`mr:a`	margin-right:auto;
`mb`	margin-bottom:;	`mb:a`	margin-bottom:auto;
`ml`	margin-left:;	`ml:a`	margin-left:auto;

Padding

abréviation	résultat	abréviation	résultat
`p`	padding:;	`pt`	padding-top:;
`pr`	padding-right:;	`pb`	padding-bottom:;
`pl`	padding-left:;

Box Sizing

abréviation	résultat	abréviation	résultat
`bxz`	box-sizing:border-box;	`bxz:cb`	box-sizing:content-box;
`bxz:bb`	box-sizing:border-box;

Width, Height, Max-Width, Max-Height

abréviation	résultat	abréviation	résultat
`w`	width:;	`w:a`	width:auto;
`h`	height:;	`h:a`	height:auto;
`maw`	max-width:;	`maw:n`	max-width:none;
`mah`	max-height:;	`mah:n`	max-height:none;
`miw`	min-width:;	`mih`	min-height:;