webdevpro.net

• 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;	r:a	right:auto;
pos:s	position:static;	b	bottom:;
pos:a	position:absolute;	b:a	bottom:auto;
pos:f	position:fixed;	l	left:;
t	top:;	l:a	left:auto;
t:a	top:auto;	z	z-index:;
r	right:;	z:a	z-index:auto;

float

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

clear

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

display

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

visibility

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

overflow

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

clip

abréviation	résultat	abréviation	résultat
cp	clip:;	cp:r	clip:rect(top right bottom left);
cp:a	clip:auto;

resize

abréviation	résultat	abréviation	résultat
rsz	resize:;	rsz:h	resize:horizontal;
rsz:n	resize:none;	rsz:v	resize:vertical;
rsz:b	resize:both;

zoom

abbreviation	résultat
zoo, zm	zoom:1;

Flex

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

align-self

abréviation	résultat	abréviation	résultat
ap	appearance:${none};	as:fs	align-self:flex-start;
as	align-self:;	as:s	align-self:stretch;
as:a	align-self:auto;	bfv	backface-visibility:;
as:b	align-self:baseline;	bfv:h	backface-visibility:hidden;
as:c	align-self:center;	bfv:v	backface-visibility:visible;
as:fe	align-self:flex-end;