Emmet – raccourcis css – Box, list and border

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:;
bd+
border:1px solid #000;

**

bdbk, bdbk:c
border-break:close;

**

bdcl, bdcl:c
border-collapse:;

**

bdci
border-corner-image:url();

**

bdcl:c
border-collapse:collapse;

**

bdf, bdf:r
border-fit:repeat;

**

bdf:c
border-fit:clip;

**

bdf:sc
border-fit:scale;

**

bdf:st
border-fit:stretch;

**

bdf:ow
border-fit:overwrite;

**

bdf:of
border-fit:overflow;

**

bdlen
border-length:;

**

bds
border-style:;

**

bdt+
border-top:1px solid #000;

**

bdl+
border-left:1px solid #000;

**

bdrs
border-radius:;

**


Box Shadow

abréviation résultat abréviation résultat
bxsh
box-shadow:inset hoff voff blur color;
bxsh:r
box-shadow:inset hoff voff blur spread rgb(0, 0, 0);
bxsh:ra
box-shadow:inset h v blur spread rgba(0, 0, 0, .5);
bxsh:n
box-shadow:none;


Lists

abréviation résultat abréviation résultat
lis
list-style:;

**

lisp:i
list-style-position:inside;

**

lisp:o
list-style-position:outside;

**

list
list-style-type:;

**

lisi
list-style-image:;

**