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éviationrésultatabréviationrésultat
bdborder:;bdf:stborder-fit:stretch;
bd+border:1px solid #000;bdf:owborder-fit:overwrite;
bdbk, bdbk:cborder-break:close;bdf:ofborder-fit:overflow;
bdcl, bdcl:cborder-collapse:;bdlenborder-length:;
bdciborder-corner-image:url();bdsborder-style:;
bdcl:cborder-collapse:collapse;bdt+border-top:1px solid #000;
bdf, bdf:rborder-fit:repeat;bdl+border-left:1px solid #000;
bdf:cborder-fit:clip;bdrsborder-radius:;
bdf:scborder-fit:scale;

Box Shadow

abréviationrésultatabréviationrésultat
bxshbox-shadow:inset hoff voff blur color;bxsh:rabox-shadow:inset h v blur spread rgba(0, 0, 0, .5);
bxsh:rbox-shadow:inset hoff voff blur spread rgb(0, 0, 0);bxsh:nbox-shadow:none;

Lists

abréviationrésultatabréviationrésultat
lislist-style:;listlist-style-type:;
lisp:ilist-style-position:inside;lisilist-style-image:;
lisp:olist-style-position:outside;