- 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:; | mr:a | margin-right:auto; |
| m:a | margin:auto; | mb | margin-bottom:; |
| mt | margin-top:; | mb:a | margin-bottom:auto; |
| mt:a | margin-top:auto; | ml | margin-left:; |
| mr | margin-right:; | ml:a | margin-left:auto; |
Padding
| abréviation | résultat | abréviation | résultat |
| p | padding:; | pb | padding-bottom:; |
| pt | padding-top:; | pl | padding-left:; |
| pr | padding-right:; | | |
Box Sizing
| abréviation | résultat | abréviation | résultat |
| bxz | box-sizing:border-box; | bxz:bb | box-sizing:border-box; |
| bxz:cb | box-sizing:content-box; | | |
Width, Height, Max-Width, Max-Height
| abréviation | résultat | abréviation | résultat |
| w | width:; | maw:n | max-width:none; |
| w:a | width:auto; | mah | max-height:none; |
| h | height:; | miw | min-width:; |
| h:a | height:auto; | mih | min-height:; |
| maw | max-width:; | | |