[Emmet] CSSチートシート C



#!
 !important

#＠f
 ＠font-face {
 　font-family:;
 　src:url(|);
 }

#@f+
 ＠font-face {
 　font-family: ‚FontName‘;
 　src: url(‚FileName.eot‘);
 　src: url(‚FileName.eot?#iefix‘)
format(‚embedded-opentype‘),
 　url(‚FileName.woff‘)
format(‚woff‘),
 　url(‚FileName.ttf‘)
format(‚truetype‘),
 　url(‚FileName.
svg#FontName‘) format(‚svg‘);
 　font-style: normal;
 　font-weight: normal;
 }

#＠i, ＠import
 ＠import url();
#＠kf
 ＠-webkit-keyframes identifier {
 from { }
 to { }
 }

 ＠-o-keyframes identifier {
 from { }
 to { }
 }

 ＠-moz-keyframes identifier {
 from { }
 to { }
 }

 ＠keyframes identifier {
 from { }
 to { }
 }
#＠m, ＠media
 ＠media screen { }
#ac
 align-content:;
#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;

---
`Animation`
#anim
 animation:;
#anim-
 animation:name duration timingfunction delay iteration-count direction fill-mode;
#animdel
 animation-delay:time;
#animdir
 animation-direction:normal;
#animdir:a
 animation-direction:alternate;
#animdir:ar
 animation-direction:alternatereverse;
#animdir:n
 animation-direction:normal;
#animdir:r
 animation-direction:reverse;
#animdur
 animation-duration:0s;
#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:cubicbezier(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-inout;
#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;

---
`Flex`
#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;

---
`Transform, Transition`
#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);
#trf:tx
 transform: translateX(x);
#trf:ty
 transform: translateY(y);
#trf:tz
 transform: translateZ(z);
#trfo
 transform-origin:;
#trfs
 transform-style:preserve-3d;
#trs
 transition:prop time;
#trsde
 transition-delay:time;
#trsdu
 transition-duration:time;
#trsp
 transition-property:prop;
#trstf
 transition-timing-function:tfunc;
#us
 user-select:${none};
#wfsm
 -webkit-fontsmoothing:${antialiased};
#wfsm:a
 -webkit-font-smoothing:antialiased;
#wfsm:n
 -webkit-font-smoothing:none;
#wfsm:s, wfsm:sa
 -webkit-font-smoothing:subpixelantialiased;
#wm
 writing-mode:lr-tb;
#wm:btl
 writing-mode:bt-lr;
#wm:btr
 writing-mode:bt-rl;
#wm:lrb
 writing-mode:lr-bt;
#wm:lrt
 writing-mode:lr-tb;
#wm:rlb
 writing-mode:rl-bt;
#wm:rlt
 writing-mode:rl-tb;
#wm:tbl
 writing-mode:tb-lr;
#wm:tbr
 writing-mode:tb-rl;