Emmet – raccourcis css – Box, list and border
- 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
Border
abréviation | résultat | abréviation | résultat |
bd | border:; | bdf:st | border-fit:stretch; |
bd+ | border:1px solid #000; | bdf:ow | border-fit:overwrite; |
bdbk, bdbk:c | border-break:close; | bdf:of | border-fit:overflow; |
bdcl, bdcl:c | border-collapse:; | bdlen | border-length:; |
bdci | border-corner-image:url(); | bds | border-style:; |
bdcl:c | border-collapse:collapse; | bdt+ | border-top:1px solid #000; |
bdf, bdf:r | border-fit:repeat; | bdl+ | border-left:1px solid #000; |
bdf:c | border-fit:clip; | bdrs | border-radius:; |
bdf:sc | border-fit:scale; |
Box Shadow
abréviation | résultat | abréviation | résultat |
bxsh | box-shadow:inset hoff voff blur color; | bxsh:ra | box-shadow:inset h v blur spread rgba(0, 0, 0, .5); |
bxsh:r | box-shadow:inset hoff voff blur spread rgb(0, 0, 0); | bxsh:n | box-shadow:none; |
Lists
abréviation | résultat | abréviation | résultat |
lis | list-style:; | list | list-style-type:; |
lisp:i | list-style-position:inside; | lisi | list-style-image:; |
lisp:o | list-style-position:outside; |