Emmet – raccourcis css – redéfinir le flux : position, float, display, visibility, overflow, clip, resize, flex

Redéfinir le flux

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


position, top, left, right, bottom, z-index

abréviation résultat abréviation résultat
pos,pos:r
position:relative;
pos:s
position:static;
pos:a
position:absolute;
pos:f
position:fixed;
t
top:;
t:a
top:auto;
r
right:;
r:a
right:auto;
b
bottom:;
b:a
bottom:auto;
l
left:;
l:a
left:auto;
z
z-index:;
z:a
z-index:auto;


float

abréviation résultat abréviation résultat
fl:n
float:none;
fl:l,fl
float:left;
fl:r
float:right;


clear

abréviation résultat abréviation résultat
cl
clear:both;
cl:n
clear:none;
cl:l
clear:left;
cl:r
clear:right;
cl:b
clear:both;


display

abréviation résultat abréviation résultat
d
display:block;
d:n
display:none;
d:b
display:block;
d:f
display:flex;
d:if
display:inline-flex;
d:i
display:inline;
d:ib
display:inline-block;
d:li
display:list-item;
d:ri
display:run-in;
d:cp
display:compact;
d:tb
display:table;
d:itb
display:inline-table;
d:tbcp
display:table-caption;
d:tbcl
display:table-column;
d:tbclg
display:table-column-group;
d:tbhg
display:table-header-group;
d:tbfg
display:table-footer-group;
d:tbr
display:table-row;
d:tbrg
display:table-row-group;
d:tbc
display:table-cell;
d:rb
display:ruby;
d:rbb
display:ruby-base;
d:rbbg
display:ruby-base-group;
d:rbt
display:ruby-text;
d:rbtg
display:ruby-text-group;


visibility

abréviation résultat abréviation résultat
v,v:h
visibility:hidden;
v:v
visibility:visible;
v:c
visibility:collapse;


overflow

abréviation résultat abréviation résultat
ov,ov:h
overflow:hidden;
ov:v
overflow:visible;
ov:s
overflow:scroll;
ov:a
overflow:auto;
ovx
overflow-x:hidden;
ovx:v
overflow-x:visible;
ovx:h
overflow-x:hidden;
ovx:s
overflow-x:scroll;
ovx:a
overflow-x:auto;
ovy
overflow-y:hidden;
ovy:v
overflow-y:visible;
ovy:h
overflow-y:hidden;
ovy:s
overflow-y:scroll;
ovy:a
overflow-y:auto;
ovs
overflow-style:scrollbar;
ovs:a
overflow-style:auto;
ovs:s
overflow-style:scrollbar;
ovs:p
overflow-style:panner;
ovs:m
overflow-style:move;
ovs:mq
overflow-style:marquee;

clip

abréviation résultat abréviation résultat
cp
clip:;

**

cp:a
clip:auto;

**

cp:r
clip:rect(top right bottom left);

**


resize

abréviation résultat abréviation résultat
rsz
resize:;

**

rsz:n
resize:none;

**

rsz:b
resize:both;

**

rsz:h
resize:horizontal;

**

rsz:v
resize:vertical;

**


zoom

abbreviation résultat
zoo, zm
zoom:1;


Flex

abréviation résultat abréviation résultat
fx
flex:;
fxb
flex-basis:;
fxd
flex-direction:;
fxd:c
flex-direction:column;
fxd:cr
flex-direction:column-reverse;
fxd:r
flex-direction:row;
fxd:rr
flex-direction:row-reverse;
fxf
flex-flow:;
fxg
flex-grow:;
fxsh
flex-shrink:;
fxw
flex-wrap: ;
fxw:n
flex-wrap:nowrap;
fxw:w
flex-wrap:wrap;
fxw:wr
flex-wrap:wrap-reverse;
jc
justify-content:;
jc:c
justify-content:center;
jc:fe
justify-content:flex-end;
jc:fs
justify-content:flex-start;
jc:sa
justify-content:space-around;
jc:sb
justify-content:space-between;
ord
order:;
ori
orientation:;
ori:l
orientation:landscape;
ori:p
orientation:portrait;


align-self

abréviation résultat abréviation résultat
ap
appearance:${none};

**

as
align-self:;

**

as:a
align-self:auto;

**

as:b
align-self:baseline;

**

as:c
align-self:center;

**

as:fe
align-self:flex-end;

**

as:fs
align-self:flex-start;

**

as:s
align-self:stretch;

**

bfv
backface-visibility:;

**

bfv:h
backface-visibility:hidden;

**

bfv:v
backface-visibility:visible;

**