CSS

CSSmoduleusesfuzzysearchtofindunknownabbreviations,e.g.ov:h==ov-h==ovh==oh.
Ifabbreviationwasntfound,itistransformedintopropertyname:foo-barfoo-bar: |;
Youcanprefixabbreviationswithhyphentoproducevendorprefixedproperties:-foo

VisualFormatting BoxSizing Text

pos position: relative ; bxz box-sizing: border-box ; va vertical-align: top ;
pos:s position:static; bxz:cb box-sizing:content-box; va:sup vertical-align:super;

pos:a position:absolute; bxz:bb box-sizing:border-box; va:t vertical-align:top;

pos:r position:relative; bxsh box-shadow: inset hoff voff blur color ; va:tt vertical-align:text-top;
pos:f position:fixed; bxsh:r box-shadow: inset hoff voff blur spread rgb( 0 , 0 , 0 ); va:m vertical-align:middle;

t top: ; bxsh:ra box-shadow: inset h v blur spread rgba( 0 , 0 , 0 , . 5 ); va:bl vertical-align:baseline;

t:a top:auto; bxsh:n box-shadow:none; va:b vertical-align:bottom;

r right: ; w width: ; va:tb vertical-align:text-bottom;

r:a right:auto; w:a width:auto; va:sub vertical-align:sub;

b h height: ; ta text-align: left ;

bottom: ;
h:a height:auto; ta:l text-align:left;
b:a bottom:auto;
maw ta:c text-align:center;
l left: ; max-width: ;
ta:r text-align:right;
l:a left:auto; maw:n max-width:none;
ta:j text-align:justify;
z z-index: ; mah max-height: ;
ta-lst text-align-last: ;
z:a z-index:auto; mah:n max-height:none;
tal:a text-align-last:auto;
fl float: left ; miw min-width: ;
tal:l text-align-last:left;
fl:n float:none; mih min-height: ;
tal:c text-align-last:center;
fl:l float:left;
tal:r text-align-last:right;
fl:r float:right; Font
td text-decoration: none ;
cl clear: both ; f font: ;
td:n text-decoration:none;
cl:n clear:none; f+ font: 1em Arial,sans-serif ;
td:u text-decoration:underline;
cl:l clear:left; fw font-weight: ;
td:o text-decoration:overline;
cl:r clear:right; fw:n font-weight:normal;
td:l text-decoration:line-through;
cl:b clear:both; fw:b font-weight:bold;
te text-emphasis: ;
d display: block ; fw:br font-weight:bolder;
te:n text-emphasis:none;
d:n display:none; fw:lr font-weight:lighter;
te:ac text-emphasis:accent;
d:b display:block; fs font-style:${italic};
te:dt text-emphasis:dot;
d:f display:flex; fs:n font-style:normal;
te:c text-emphasis:circle;
d:if display:inline-flex; fs:i font-style:italic;
te:ds text-emphasis:disc;
d:i display:inline; fs:o font-style:oblique;
te:b text-emphasis:before;
d:ib display:inline-block; fv font-variant: ;
te:a text-emphasis:after;
d:li display:list-item; fv:n font-variant:normal;
th text-height: ;
d:ri display:run-in; fv:sc font-variant:small-caps;
d:cp display:compact; th:a text-height:auto;
fz font-size: ;
d:tb display:table; th:f text-height:font-size;
fza font-size-adjust: ;
d:itb display:inline-table; th:t text-height:text-size;
fza:n font-size-adjust:none;
d:tbcp display:table-caption; th:m text-height:max-size;
ff font-family: ;
d:tbcl display:table-column; ti text-indent: ;
ff:s font-family:serif;
d:tbclg display:table-column-group; ti:- text-indent:-9999px;
ff:ss font-family:sans-serif;
d:tbhg display:table-header-group; tj text-justify: ;
ff:c font-family:cursive;
d:tbfg display:table-footer-group; tj:a text-justify:auto;
ff:f font-family:fantasy;
d:tbr display:table-row; tj:iw text-justify:inter-word;
ff:m font-family:monospace;
d:tbrg display:table-row-group; tj:ii text-justify:inter-ideograph;
ff:a font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
d:tbc display:table-cell; tj:ic text-justify:inter-cluster;
ff:t font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
d:rb display:ruby; tj:d text-justify:distribute;
ff:v font-family: Verdana, Geneva, sans-serif;
d:rbb display:ruby-base; tj:k text-justify:kashida;
fef font-effect: ;
d:rbbg display:ruby-base-group; tj:t text-justify:tibetan;
fef:n font-effect:none;
d:rbt display:ruby-text; to text-outline: ;
fef:eg font-effect:engrave;
d:rbtg display:ruby-text-group; to+ text-outline: 0 0 #000 ;
fef:eb font-effect:emboss;
v visibility: hidden ; to:n text-outline:none;
fef:o font-effect:outline;
v:v visibility:visible; tr text-replace: ;
fem font-emphasize: ;
v:h visibility:hidden; tr:n text-replace:none;
femp font-emphasize-position: ;
v:c visibility:collapse; tt text-transform: uppercase ;
femp:b font-emphasize-position:before;
ov overflow: hidden ; tt:n text-transform:none;
femp:a font-emphasize-position:after;
ov:v overflow:visible; tt:c text-transform:capitalize;
fems font-emphasize-style: ;
ov:h overflow:hidden; tt:u text-transform:uppercase;
ov:s overflow:scroll; fems:n font-emphasize-style:none;
tt:l text-transform:lowercase;
ov:a overflow:auto; fems:ac font-emphasize-style:accent;
tw text-wrap: ;
ovx overflow-x: hidden ; fems:dt font-emphasize-style:dot;
tw:n text-wrap:normal;
ovx:v overflow-x:visible; fems:c font-emphasize-style:circle;
tw:no text-wrap:none;
ovx:h overflow-x:hidden; fems:ds font-emphasize-style:disc;
tw:u text-wrap:unrestricted;
ovx:s overflow-x:scroll; fsm font-smooth: ;
tw:s text-wrap:suppress;
ovx:a overflow-x:auto; fsm:a font-smooth:auto;
tsh text-shadow: hoff voff blur #000 ;
ovy overflow-y: hidden ; fsm:n font-smooth:never;
tsh:r text-shadow: h v blur rgb( 0 , 0 , 0 );
ovy:v overflow-y:visible; fsm:aw font-smooth:always;
tsh:ra text-shadow: h v blur rgba( 0 , 0 , 0 , . 5 );
ovy:h overflow-y:hidden; fst font-stretch: ; tsh+ text-shadow: 0 0 0 #000 ;
ovy:s overflow-y:scroll; fst:n font-stretch:normal; tsh:n text-shadow:none;
ovy:a overflow-y:auto; fst:uc font-stretch:ultra-condensed; lh line-height: ;
ovs overflow-style: scrollbar ; fst:ec font-stretch:extra-condensed;
lts letter-spacing: ;
ovs:a overflow-style:auto; fst:c font-stretch:condensed;
lts-n letter-spacing:normal;
ovs:s overflow-style:scrollbar; fst:sc font-stretch:semi-condensed;
whs white-space: ;
ovs:p overflow-style:panner; fst:se font-stretch:semi-expanded;
whs:n white-space:normal;
ovs:m overflow-style:move; fst:e font-stretch:expanded;
whs:p white-space:pre;
ovs:mq overflow-style:marquee; fst:ee font-stretch:extra-expanded;
whs:nw white-space:nowrap;
zoo, zm zoom:1; fst:ue font-stretch:ultra-expanded;
whs:pw white-space:pre-wrap;
cp clip: ;
whs:pl white-space:pre-line;
cp:a clip:auto;
whsc white-space-collapse: ;
cp:r clip:rect( top right bottom left );
whsc:n white-space-collapse:normal;
rsz resize: ;
whsc:k white-space-collapse:keep-all;
rsz:n resize:none;
whsc:l white-space-collapse:loose;
rsz:b resize:both;
whsc:bs white-space-collapse:break-strict;
rsz:h resize:horizontal;
whsc:ba white-space-collapse:break-all;
rsz:v resize:vertical;
wob word-break: ;
cur cursor:${pointer};
wob:n word-break:normal;
cur:a cursor:auto;
wob:k word-break:keep-all;
cur:d cursor:default;
wob:ba word-break:break-all;
cur:c cursor:crosshair;
wos word-spacing: ;
cur:ha cursor:hand;
wow word-wrap: ;
cur:he cursor:help;
wow:nm word-wrap:normal;
cur:m cursor:move;
wow:n word-wrap:none;
cur:p cursor:pointer;
wow:u word-wrap:unrestricted;
cur:t cursor:text;
wow:s word-wrap:suppress;

Margin&Padding wow:b word-wrap:break-word;

m margin: ;

m:a margin:auto;
mt margin-top: ;

mt:a margin-top:auto;

mr margin-right: ;

mr:a margin-right:auto;

mb margin-bottom: ;
mb:a margin-bottom:auto;

ml margin-left: ;

ml:a margin-left:auto;
p padding: ;

pt padding-top: ;

pr padding-right: ;
pb padding-bottom: ;

pl padding-left: ;
Background Border Print
bg background:# 000 ; bd border: ; pgbb page-break-before: ;
bg+ background: #fff url( ) 0 0 no-repeat ; bd+ border: 1px solid #000 ; pgbb:au page-break-before:auto;

bg:n background:none; bd:n border:none; pgbb:al page-break-before:always;

bgc background-color:# fff ; bdbk border-break: close ; pgbb:l page-break-before:left;

bgc:t background-color:transparent; bdbk:c border-break:close; pgbb:r page-break-before:right;

bgi background-image:url( ); bdcl border-collapse: ; pgbi page-break-inside: ;

bgi:n background-image:none; bdcl:c border-collapse:collapse; pgbi:au page-break-inside:auto;

bgr background-repeat: ; bdcl:s border-collapse:separate; pgbi:av page-break-inside:avoid;

bgr:n background-repeat:no-repeat; bdc border-color:# 000 ; pgba page-break-after: ;

bgr:x background-repeat:repeat-x; bdc:t border-color:transparent; pgba:au page-break-after:auto;

bgr:y background-repeat:repeat-y; bdi border-image:url( ); pgba:al page-break-after:always;

bgr:sp background-repeat:space; bdi:n border-image:none; pgba:l page-break-after:left;

bgr:rd background-repeat:round; bdti border-top-image:url( ); pgba:r page-break-after:right;

bga background-attachment: ; bdti:n border-top-image:none; orp orphans: ;

bga:f background-attachment:fixed; bdri border-right-image:url( ); wid widows: ;

bga:s background-attachment:scroll; bdri:n border-right-image:none;
bgp background-position: 0 0 ; bdbi border-bottom-image:url( );
bgpx background-position-x: ; bdbi:n border-bottom-image:none;
bgpy background-position-y: ; bdli border-left-image:url( );
bgbk background-break: ; bdli:n border-left-image:none;

bgbk:bb background-break:bounding-box; bdci border-corner-image:url( );

bgbk:eb background-break:each-box; bdci:n border-corner-image:none;
bgbk:c background-break:continuous; bdci:c border-corner-image:continue;
bgcp background-clip: padding-box ; bdtli border-top-left-image:url( );
bgcp:bb background-clip:border-box; bdtli:n border-top-left-image:none;
bgcp:pb background-clip:padding-box; bdtli:c border-top-left-image:continue;
bgcp:cb background-clip:content-box; bdtri border-top-right-image:url( );
bgcp:nc background-clip:no-clip; bdtri:n border-top-right-image:none;
bgo background-origin: ; bdtri:c border-top-right-image:continue;
bgo:pb background-origin:padding-box; bdbri border-bottom-right-image:url( );
bgo:bb background-origin:border-box; bdbri:n border-bottom-right-image:none;
bgo:cb background-origin:content-box; bdbri:c border-bottom-right-image:continue;
bgsz background-size: ; bdbli border-bottom-left-image:url( );
bgsz:a background-size:auto; bdbli:n border-bottom-left-image:none;
bgsz:ct background-size:contain; bdbli:c border-bottom-left-image:continue;
bgsz:cv background-size:cover; bdf border-fit: repeat ;

bdf:c border-fit:clip;
Color bdf:r border-fit:repeat;
c color:# 000 ;
bdf:sc border-fit:scale;
c:r color:rgb( 0 , 0 , 0 );
bdf:st border-fit:stretch;
c:ra color:rgba( 0 , 0 , 0 , . 5 );
bdf:ow border-fit:overwrite;
op opacity: ;
bdf:of border-fit:overflow;

bdf:sp border-fit:space;
Generatedcontent
bdlen border-length: ;
cnt content:' ';
bdlen:a border-length:auto;
cnt:n, ct:n content:normal;
bdsp border-spacing: ;
cnt:oq, ct:oq content:open-quote;
bds border-style: ;
cnt:noq, ct:noq content:no-open-quote;
bds:n border-style:none;
cnt:cq, ct:cq content:close-quote;
bds:h border-style:hidden;
cnt:ncq, ct:ncq content:no-close-quote;
bds:dt border-style:dotted;
cnt:a, ct:a content:attr( );
bds:ds border-style:dashed;
cnt:c, ct:c content:counter( );
bds:s border-style:solid;
cnt:cs, ct:cs content:counters( );
bds:db border-style:double;
ct content: ; bds:dtds border-style:dot-dash;
q quotes: ; bds:dtdtds border-style:dot-dot-dash;
q:n quotes:none; bds:w border-style:wave;
q:ru quotes:'\00AB' '\00BB' '\201E' '\201C'; bds:g border-style:groove;
q:en quotes:'\201C' '\201D' '\2018' '\2019'; bds:r border-style:ridge;
coi counter-increment: ; bds:i border-style:inset;
cor counter-reset: ; bds:o border-style:outset;

bdw border-width: ;
Outline bdt, bt border-top: ;
ol outline: ; bdt+ border-top: 1px solid #000 ;
ol:n outline:none; bdt:n border-top:none;
olo outline-offset: ; bdtw border-top-width: ;
olw outline-width: ; bdts border-top-style: ;
olw:tn outline-width:thin; bdts:n border-top-style:none;
olw:m outline-width:medium; bdtc border-top-color:# 000 ;
olw:tc outline-width:thick; bdtc:t border-top-color:transparent;
ols outline-style: ; bdr, br border-right: ;
ols:n outline-style:none; bdr+ border-right: 1px solid #000 ;
ols:dt outline-style:dotted; bdr:n border-right:none;
ols:ds outline-style:dashed; bdrw border-right-width: ;
ols:s outline-style:solid;
bdrst border-right-style: ;
ols:db outline-style:double;
bdrst:n border-right-style:none;
ols:g outline-style:groove;
bdrc border-right-color:# 000 ;
ols:r outline-style:ridge;
bdrc:t border-right-color:transparent;
ols:i outline-style:inset;
bdb, bb border-bottom: ;
ols:o outline-style:outset;
bdb+ border-bottom: 1px solid #000 ;
olc outline-color:# 000 ;
bdb:n border-bottom:none;
olc:i outline-color:invert;
bdbw border-bottom-width: ;
bdbs
Tables border-bottom-style: ;

tbl bdbs:n border-bottom-style:none;

table-layout: ;
bdbc border-bottom-color:# 000 ;
tbl:a table-layout:auto;
bdbc:t border-bottom-color:transparent;
tbl:f table-layout:fixed;
bdl, bl border-left: ;
cps caption-side: ;
bdl+ border-left: 1px solid #000 ;
cps:t caption-side:top;
bdl:n border-left:none;
cps:b caption-side:bottom;
bdlw border-left-width: ;
ec empty-cells: ;
bdls border-left-style: ;
ec:s empty-cells:show;

ec:h bdls:n border-left-style:none;

empty-cells:hide;
bdlc border-left-color:# 000 ;

bdlc:t border-left-color:transparent;
bdrs border-radius: ;

bdtrrs border-top-right-radius: ;

bdtlrs border-top-left-radius: ;
bdbrrs border-bottom-right-radius: ;

bdblrs border-bottom-left-radius: ;

Lists
lis list-style: ;

lis:n list-style:none;

lisp list-style-position: ;

lisp:i list-style-position:inside;

lisp:o list-style-position:outside;

list list-style-type: ;

list:n list-style-type:none;

list:d list-style-type:disc;

list:c list-style-type:circle;
list:s list-style-type:square;
list:dc list-style-type:decimal;
list:dclz list-style-type:decimal-leading-zero;

list:lr list-style-type:lower-roman;

list:ur list-style-type:upper-roman;

lisi list-style-image: ;

lisi:n list-style-image:none;
 trf:tx transform: translateX( x );
Others
trf:ty transform: translateY( y );
! !important
trf:tz transform: translateZ( z );
@f @font-face {
font-family: ; trfo transform-origin: ;
src:url(|);
} trfs transform-style: preserve-3d ;
@f+ @font-face { trs transition: prop time ;
font-family: ' FontName ';
src: url(' FileName .eot'); trsde transition-delay: time ;
src: url(' FileName .eot?#iefix') format('embedded-opentype'),
url(' FileName .woff') format('woff'), trsdu transition-duration: time ;
url(' FileName .ttf') format('truetype'),
url(' FileName .svg# FontName ') format('svg'); trsp
font-style: normal ; transition-property: prop ;
font-weight: normal ;
} trstf transition-timing-function: tfunc ;

@i, @import us user-select:${none};

@import url( );
wfsm -webkit-font-smoothing:${antialiased};
@kf @-webkit-keyframes identifier {
from { } wfsm:a -webkit-font-smoothing:antialiased;
to { }
} wfsm:n -webkit-font-smoothing:none;
@-o-keyframes identifier {
from { } wfsm:s, wfsm:sa -webkit-font-smoothing:subpixel-antialiased;
to { }
} wm writing-mode: lr-tb ;
@-moz-keyframes identifier {
from { } wm:btl writing-mode:bt-lr;
to { }
} wm:btr writing-mode:bt-rl;
@keyframes identifier {
from { } wm:lrb writing-mode:lr-bt;
to { }
} wm:lrt writing-mode:lr-tb;

@m, @media @media screen { wm:rlb writing-mode:rl-bt;

} wm:rlt writing-mode:rl-tb;

ac wm:tbl writing-mode:tb-lr;
align-content: ;
wm:tbr writing-mode:tb-rl;
ac:c align-content:center;
ac:fe align-content:flex-end;
ac:fs align-content:flex-start;
ac:s align-content:stretch;
ac:sa align-content:space-around;

ac:sb align-content:space-between;

ai align-items: ;
ai:b align-items:baseline;

ai:c align-items:center;

ai:fe align-items:flex-end;
ai:fs align-items:flex-start;
ai:s align-items:stretch;
anim animation: ;
anim- animation: name duration timing-function delay iteration-count direction fill-mode ;
animdel animation-delay: time ;
animdir animation-direction: normal ;
animdir:a animation-direction:alternate;

animdir:ar animation-direction:alternate-reverse;

animdir:n animation-direction:normal;

animdir:r animation-direction:reverse;
animdur animation-duration: 0 s;
animfm animation-fill-mode: both ;
animfm:b animation-fill-mode:backwards;

animfm:bt, animfm:bh animation-fill-mode:both;

animfm:f animation-fill-mode:forwards;

animic animation-iteration-count: 1 ;
animic:i animation-iteration-count:infinite;
animn animation-name: none ;
animps animation-play-state: running ;

animps:p animation-play-state:paused;

animps:r animation-play-state:running;

animtf animation-timing-function: linear ;

animtf:cb animation-timing-function:cubic-bezier( 0.1 , 0.7 , 1.0 , 0.1 );
animtf:e animation-timing-function:ease;
animtf:ei animation-timing-function:ease-in;

animtf:eio animation-timing-function:ease-in-out;

animtf:eo animation-timing-function:ease-out;

animtf:l animation-timing-function:linear;
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;

bg:ie filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' x .png',sizingMethod=' crop ');

cm /* ${child} */

colm columns: ;
colmc column-count: ;
colmf column-fill: ;

colmg column-gap: ;
colmr column-rule: ;
colmrc column-rule-color: ;

colmrs column-rule-style: ;
colmrw column-rule-width: ;
colms column-span: ;

colmw column-width: ;
d:ib+ display: inline-block;
*display: inline;
*zoom: 1;

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;
mar max-resolution: res ;
mir min-resolution: res ;
op+ opacity: ;
filter: alpha(opacity= );

op:ie filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
op:ms -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
ord order: ;

ori orientation: ;
ori:l orientation:landscape;

ori:p orientation:portrait;

tov text-overflow:${ellipsis};
tov:c text-overflow:clip;
tov:e text-overflow:ellipsis;
trf transform: ;
trf:r transform: rotate( angle );
trf:rx transform: rotateX( angle );
trf:ry transform: rotateY( angle );
trf:rz transform: rotateZ( angle );

trf:sc transform: scale( x , y );

trf:sc3 transform: scale3d( x , y , z );

trf:scx transform: scaleX( x );
trf:scy transform: scaleY( y );
trf:scz transform: scaleZ( z );
trf:skx transform: skewX( angle );

trf:sky transform: skewY( angle );

trf:t transform: translate( x , y );

trf:t3 transform: translate3d( tx , ty , tz );