Syntax . . . . . . . . 1 HTML . . . . . . . . 3 CSS . . . . . . . . . 7 XSL . . . . . . . . 22 H

1 Emmet | Cheat Sheet

(2017-03)

Syntax . . . . . . . . 1 Child: > . . . . . . . . . . 1 Sibling: + . . . . . . . . . 1 Climb-up: ^ . . . . . . . . 1 Grouping: () . . . . . . . . 1 Multiplication: * . . . . . . 2 Naming and numbering: $ 2 ID and CLASS attributes . 2 Custom attributes . . . . . 2 Text: {} . . . . . . . . . . . 2 Implicit tag names . . . . 2

HTML . . . . . . . . 3 Form, Input, Button . . . . 4

CSS . . . . . . . . . 7 Visual Formatting . . . . . 7 Margin & Padding . . . . . 9 Box Sizing . . . . . . . . . 9 Font . . . . . . . . . . . . 9 Text . . . . . . . . . . . . 11 Background . . . . . . . 13 Color . . . . . . . . . . . 14 Generated content . . . . 14 Outline . . . . . . . . . . 15 Tables . . . . . . . . . . 15 Border . . . . . . . . . . 15 Lists . . . . . . . . . . . 18 Print . . . . . . . . . . . 18 Others . . . . . . . . . . 18 Animation . . . . . . . . 19 Flex . . . . . . . . . . . . 20 Transform, Transition . . 21

XSL . . . . . . . . .22 HTML DOCTYPES . . 23

http://docs.emmet.io/

Child: >

SYNTAX

nav>ul>li

Sibling: +

div+p+bq

Climb-up: ^

div+div>p>span+em^bq

div+div>p>span+em^^bq

Grouping: ()

div>(header>ul>li*2>a)+footer>p

(div>dl>(dt+dd)*3)+footer>p

2

Multiplication: *

ul>li*5

Naming and numbering: $

ul>li.sample$*5

h$[title=topic$]{Headline $}*3

Headline 1 Headline 2 Headline 3

ul>li.item$$$*5


ul>li.item$@-*5


ul>li.item$@3*5


ID and CLASS attributes

#header

.title

form#search.wide

p.class1.class2.class3




Custom attributes

p[title="Hello world"]




td[rowspan=2 colspan=3 title]

[a=‘value1‘ b="value2"]

Text: {}

a{Click me}

Click me

p>{Click }+a{here}+{ to continue}

Click here to continue



Implicit tag names

.class

em>.class



ul>.class




table>.row>.col



3

HTML All unknown abbreviations will be transformed to tag, e.g. foo → .

a

a:link

a:mail

abbr

acronym, acr

base

basefont

br




frame

hr

bdo

bdo:r

link:rss

link:atom

link:import, link:im

meta

meta:utf

meta:win

meta:vp

meta:compat

bdo:l

style

col

script

link

script:src



link:css

link:print

link:favicon

link:touch



img

img:srcset, img:s

img:sizes, img:z

picture

source, src

source:src, src:sc

4

source:srcset, src:s

source:media, src:m

source:type, src:t

source:sizes, src:z

source:media:type, src:mt

source:media:sizes, src:mz

source:sizes:type, src:zt

iframe

embed

object

param

Form, Input, Button

form

form:get

form:post

label

input

inp

input:hidden, input:h

input:text, input:t

input:search

input:email

map

input:url

area

input:password, input:p



area:d

area:c

area:r

area:p





input:datetime

input:date

input:datetime-local

input:month

input:week

input:time

5

input:tel

audio

input:number

html:xml

input:color

keygen



input:checkbox, input:c

input:radio, input:r

input:range

input:file, input:f





command

button:submit, button:s, btn:s

button:reset, button:r, btn:r

button:disabled, button:d, btn:d

fieldset:disabled, fieldset:d, fset:d, fst:d

input:submit, input:s

input:image, input:i

input:button, input:b

bq

fig

figc

isindex

pic

input:reset

ifr



select

select:disabled, select:d





emb

obj

option, opt

cap

textarea

colg



marquee

menu:context, menu:c

menu:toolbar, menu:t

video



fst, fset

btn

optg

tarea

6

leg

sect

art

hdr

ftr

adr

dlg

str



prog

mn

tem

src="" alt="" />

ri:viewport, ri:v

ri:art, ri:a



ri:type, ri:t



ol+




ul+




dl+



map+



table+



colgroup+, colg+

tr+



select+



optgroup+, optg+



pic+



7

CSS

fl:r

float:right;

CSS module uses fuzzy search to find unknown abbreviations, e.g. ov:h == ov-h == ovh == oh.

cl

If abbreviation wasn’t found, it is transformed into property name: foo-bar → foo-bar: |;

cl:n

You can prefix abbreviations with hyphen to produce vendor-prefixed properties: -foo

Visual Formatting

clear:both; clear:none;

cl:l

clear:left;

pos

cl:r

pos:s

cl:b

position:relative; position:static;

pos:a

position:absolute;

pos:r

position:relative;

pos:f

position:fixed;

t

top:;

clear:right; clear:both;

d

display:block;

d:n

display:none;

d:b

display:block;

d:f

display:flex;

t:a

d:if

r

d:i

top:auto; right:;

display:inline-flex; display:inline;

r:a

d:ib

b

d:li

right:auto; bottom:;

display:inline-block; display:list-item;

b:a

d:ri

l

d:cp

bottom:auto; left:;

display:run-in; display:compact;

l:a

d:tb

z

d:itb

left:auto; z-index:;

display:table; display:inline-table;

z:a

d:tbcp

fl

d:tbcl

z-index:auto; float:left;

display:table-caption; display:table-column;

fl:n

d:tbclg

fl:l

d:tbhg

float:none; float:left;

display:table-column-group; display:table-header-group;

8

d:tbfg

ovx:a

d:tbr

ovy

d:tbrg

ovy:v

d:tbc

ovy:h

d:rb

ovy:s

d:rbb

ovy:a

d:rbbg

ovs

d:rbt

ovs:a

d:rbtg

ovs:s

v

ovs:p

display:table-footer-group; display:table-row; display:table-row-group; display:table-cell; display:ruby; display:ruby-base; display:ruby-base-group; display:ruby-text; display:ruby-text-group; visibility:hidden;

overflow-x:auto; overflow-y:hidden; overflow-y:visible; overflow-y:hidden; overflow-y:scroll; overflow-y:auto; overflow-style:scrollbar; overflow-style:auto; overflow-style:scrollbar; overflow-style:panner;

v:v

ovs:m

v:h

ovs:mq

v:c

zoo, zm

ov

cp

visibility:visible; visibility:hidden; visibility:collapse; overflow:hidden;

overflow-style:move; overflow-style:marquee; zoom:1; clip:;

ov:v

cp:a

ov:h

cp:r

overflow:visible; overflow:hidden;

ov:s

overflow:scroll;

ov:a

overflow:auto;

clip:auto; clip:rect(top right bottom left);

rsz

resize:;

rsz:n

resize:none;

ovx

rsz:b

ovx:v

rsz:h

overflow-x:hidden; overflow-x:visible;

ovx:h

overflow-x:hidden;

ovx:s

overflow-x:scroll;

resize:both; resize:horizontal;

rsz:v

resize:vertical;

cur

cursor:${pointer};

9

cur:a

cursor:auto;

pl

cur:d

cursor:default;

padding-left:;

Box Sizing

cur:c

bxz

cur:ha

bxz:cb

cursor:crosshair; cursor:hand;

cur:he

cursor:help;

cur:m

cursor:move;

cur:p

cursor:pointer;

box-sizing:border-box; box-sizing:content-box;

bxz:bb

box-sizing:border-box;

bxsh

box-shadow:inset hoff voff blur color;

bxsh:r

box-shadow:inset hoff voff blur spread rgb(0, 0, 0);

cur:t

cursor:text;

Margin & Padding

m

margin:;

m:a mt

w:a

pt pr pb

width:; width:auto;

margin-top:auto;

h

margin-right:;

h:a

height:; height:auto;

margin-right:auto;

maw

margin-bottom:;

maw:n

max-width:; max-width:none;

margin-bottom:auto;

mah

margin-left:;

mah:n

ml:a p

box-shadow:none;

margin-top:;

mb:a ml

bxsh:n w

mr:a mb

box-shadow:inset h v blur spread rgba(0, 0, 0, .5);

margin:auto;

mt:a mr

bxsh:ra

max-height:; max-height:none;

margin-left:auto;

miw

padding:;

mih

min-width:; min-height:;

padding-top:; padding-right:; padding-bottom:;

Font

f

font:;

10

f+ fw

font:1em Arial,sans-serif; font-weight:;

fw:n

font-weight:normal;

ff:t

font-family: „Times New Roman", Times, Baskerville, Georgia, serif;

ff:v

font-family: Verdana, Geneva, sans-serif;

fw:b

fef

fw:br

fef:n

fw:lr

fef:eg

fs, fs:i

fef:eb

fs:n

fef:o

fs:o

fem

fv

femp

font-weight:bold; font-weight:bolder; font-weight:lighter; font-style:italic; font-style:normal; font-style:oblique; font-variant:;

font-effect:; font-effect:none; font-effect:engrave; font-effect:emboss; font-effect:outline; font-emphasize:; font-emphasize-position:;

fv:n

femp:b

fv:sc

femp:a

fz

fems

font-variant:normal; font-variant:small-caps; font-size:;

font-emphasize-position:before; font-emphasize-position:after; font-emphasize-style:;

fza

fems:n

fza:n

fems:ac

ff

fems:dt

font-size-adjust:; font-size-adjust:none; font-family:;

font-emphasize-style:none; font-emphasize-style:accent; font-emphasize-style:dot;

ff:s

fems:c

ff:ss

fems:ds

ff:c

fsm

ff:f

fsm:a

ff:m

fsm:n

ff:a

fsm:aw

font-family:serif; font-family:sans-serif; font-family:cursive; font-family:fantasy; font-family:monospace;

font-family: Arial, „Helvetica Neue", Helvetica, sans-serif;

font-emphasize-style:circle; font-emphasize-style:disc; font-smooth:; font-smooth:auto; font-smooth:never; font-smooth:always;

11

fst

ta:r

fst:n

ta:j

fst:uc

ta-lst

fst:ec

tal:a

fst:c

tal:l

fst:sc

tal:c

fst:se

tal:r

fst:e

td, td:n

fst:ee

td:u

fst:ue

td:o

font-stretch:; font-stretch:normal; font-stretch:ultra-condensed; font-stretch:extra-condensed; font-stretch:condensed; font-stretch:semi-condensed; font-stretch:semi-expanded; font-stretch:expanded; font-stretch:extra-expanded; font-stretch:ultra-expanded;

Text

va

vertical-align:top;

va:sup

vertical-align:super;

va:t

vertical-align:top;

va:tt

vertical-align:text-top;

text-align:right; text-align:justify; text-align-last:; text-align-last:auto; text-align-last:left; text-align-last:center; text-align-last:right; text-decoration:none; text-decoration:underline; text-decoration:overline;

td:l

text-decoration:line-through;

te

text-emphasis:;

te:n

text-emphasis:none;

te:ac

text-emphasis:accent;

te:dt

text-emphasis:dot;

va:m

te:c

va:bl

te:ds

vertical-align:middle; vertical-align:baseline;

va:b

vertical-align:bottom;

va:tb

vertical-align:text-bottom;

text-emphasis:circle; text-emphasis:disc;

te:b

text-emphasis:before;

te:a

text-emphasis:after;

va:sub

th

ta, ta:l

th:a

vertical-align:sub; text-align:left;

ta:c

text-align:center;

text-height:; text-height:auto;

th:f

text-height:font-size;

12

th:t

tw

th:m

tw:n

ti

tw:no

text-height:text-size; text-height:max-size; text-indent:;

text-wrap:; text-wrap:normal; text-wrap:none;

ti:-

tw:u

tj

tw:s

text-indent:-9999px; text-justify:;

text-wrap:unrestricted; text-wrap:suppress;

tj:a

tsh

tj:iw

tsh:r

tj:ii

tsh:ra

text-justify:auto; text-justify:inter-word; text-justify:inter-ideograph;

tj:ic

text-justify:inter-cluster;

tj:d

text-justify:distribute;

tj:k

text-justify:kashida;

tj:t to

text-shadow:h v blur rgba(0, 0, 0, .5);

tsh+

text-shadow:0 0 0 #000;

tsh:n

text-shadow:none;

lh

line-height:;

lts

text-outline:;

lts-n

text-outline:0 0 #000;

to:n

letter-spacing:; letter-spacing:normal;

whs

white-space:;

text-outline:none;

whs:n

text-replace:;

whs:p

tr:n tt

text-shadow:h v blur rgb(0, 0, 0);

text-justify:tibetan;

to+

tr

text-shadow:hoff voff blur #000;

white-space:normal; white-space:pre;

text-replace:none;

whs:nw

text-transform:uppercase;

whs:pw

tt:n

text-transform:none;

tt:c

text-transform:capitalize;

tt:u

text-transform:uppercase;

tt:l

text-transform:lowercase;

white-space:nowrap; white-space:pre-wrap;

whs:pl

white-space:pre-line;

whsc

white-space-collapse:;

whsc:n

white-space-collapse:normal;

whsc:k

white-space-collapse:keep-all;

13

whsc:l

white-space-collapse:loose;

whsc:bs

white-space-collapse:break-strict;

whsc:ba

white-space-collapse:break-all;

Background

bg

background:#000;

bg+

background:#fff url() 0 0 no-repeat;

wob

bg:n

wob:n

bgc

wob:k

bgc:t

wob:ba

bgi

wos

bgi:n

wow

bgr

wow:nm

bgr:n

wow:n

bgr:x

wow:u

bgr:y

wow:s

bgr:sp

wow:b

bgr:rd

word-break:; word-break:normal; word-break:keep-all; word-break:break-all; word-spacing:; word-wrap:; word-wrap:normal; word-wrap:none; word-wrap:unrestricted; word-wrap:suppress; word-wrap:break-word;

background:none; background-color:#fff; background-color:transparent; background-image:url(); background-image:none; background-repeat:; background-repeat:no-repeat; background-repeat:repeat-x; background-repeat:repeat-y; background-repeat:space; background-repeat:round;

bga

background-attachment:;

bga:f

background-attachment:fixed;

bga:s

background-attachment:scroll;

bgp

background-position:0 0;

bgpx

background-position-x:;

bgpy

background-position-y:;

bgbk

background-break:;

bgbk:bb

background-break:bounding-box;

14

bgbk:eb

background-break:each-box;

bgbk:c

background-break:continuous;

bgcp

background-clip:padding-box;

bgcp:bb

background-clip:border-box;

bgcp:pb

Color

c

color:#000;

c:r

color:rgb(0, 0, 0);

c:ra

color:rgba(0, 0, 0, .5);

op

background-clip:padding-box;

Generated content

bgcp:cb

background-clip:content-box;

bgcp:nc

background-clip:no-clip;

bgo

background-origin:;

bgo:pb

background-origin:padding-box;

bgo:bb

background-origin:border-box;

bgo:cb

background-origin:content-box;

bgsz

background-size:;

bgsz:a

background-size:auto;

bgsz:ct

background-size:contain;

bgsz:cv

background-size:cover;

opacity:;

cnt

content:'';

cnt:n, ct:n

content:normal;

cnt:oq, ct:oq

content:open-quote;

cnt:noq, ct:noq

content:no-open-quote;

cnt:cq, ct:cq

content:close-quote;

cnt:ncq, ct:ncq

content:no-close-quote;

cnt:a, ct:a

content:attr();

cnt:c, ct:c

content:counter();

cnt:cs, ct:cs

content:counters();

ct q

content:; quotes:;

q:n

quotes:none;

q:ru

quotes:‘\00AB‘ ‚\00BB‘ ‚\201E‘ ‚\201C‘;

q:en

quotes:‘\201C‘ ‚\201D‘ ‚\2018‘ ‚\2019‘;

coi

counter-increment:;

cor

counter-reset:;

15

Outline

ol

outline:;

Tables

tbl

table-layout:;

ol:n

tbl:a

olo

tbl:f

olw

cps

olw:tn

cps:t

olw:m

cps:b

olw:tc

ec

ols

ec:s

ols:n

ec:h

outline:none; outline-offset:; outline-width:; outline-width:thin; outline-width:medium; outline-width:thick; outline-style:; outline-style:none;

ols:dt

outline-style:dotted;

table-layout:auto; table-layout:fixed; caption-side:; caption-side:top; caption-side:bottom; empty-cells:; empty-cells:show; empty-cells:hide;

Border

ols:ds

bd

ols:s

bd+

ols:db

bd:n

ols:g

bdbk

ols:r

bdbk:c

ols:i

bdcl

ols:o

bdcl:c

olc

bdcl:s

olc:i

bdc

outline-style:dashed; outline-style:solid; outline-style:double; outline-style:groove; outline-style:ridge; outline-style:inset; outline-style:outset; outline-color:#000; outline-color:invert;

border:; border:1px solid #000; border:none; border-break:close; border-break:close; border-collapse:; border-collapse:collapse; border-collapse:separate; border-color:#000;

bdc:t

border-color:transparent;

bdi

border-image:url();

bdi:n

border-image:none;

16

bdti

bdbli:c

bdti:n

bdf

bdri

bdf:c

bdri:n

bdf:r

bdbi

bdf:sc

bdbi:n

bdf:st

bdli

bdf:ow

bdli:n

bdf:of

bdci

bdf:sp

bdci:n

bdlen

bdci:c

bdlen:a

bdtli

bdsp

bdtli:n

bds

bdtli:c

bds:n

bdtri

bds:h

bdtri:n

bds:dt

bdtri:c

bds:ds

bdbri

bds:s

bdbri:n

bds:db

bdbri:c

bds:dtds

bdbli

bds:dtdtds

bdbli:n

bds:w

border-top-image:url(); border-top-image:none; border-right-image:url(); border-right-image:none; border-bottom-image:url(); border-bottom-image:none; border-left-image:url(); border-left-image:none; border-corner-image:url(); border-corner-image:none; border-corner-image:continue; border-top-left-image:url(); border-top-left-image:none; border-top-left-image:continue; border-top-right-image:url(); border-top-right-image:none; border-top-right-image:continue; border-bottom-right-image:url(); border-bottom-right-image:none;

border-bottom-right-image:continue; border-bottom-left-image:url(); border-bottom-left-image:none;

border-bottom-left-image:continue; border-fit:repeat; border-fit:clip; border-fit:repeat; border-fit:scale; border-fit:stretch; border-fit:overwrite; border-fit:overflow; border-fit:space; border-length:; border-length:auto; border-spacing:; border-style:; border-style:none; border-style:hidden; border-style:dotted; border-style:dashed; border-style:solid; border-style:double; border-style:dot-dash; border-style:dot-dot-dash; border-style:wave;

17

bds:g

bdb+

bds:r

bdb:n

bds:i

bdbw

bds:o

bdbs

bdw

bdbs:n

bdt, bt

bdbc

bdt+

bdbc:t

bdt:n

bdl, bl

bdtw

bdl+

bdts

bdl:n

bdts:n

bdlw

bdtc

bdls

bdtc:t

bdls:n

bdr, br

bdlc

bdr+

bdlc:t

bdr:n

bdrs

bdrw

bdtrrs

bdrst

bdtlrs

bdrst:n

bdbrrs

bdrc

bdblrs

border-style:groove; border-style:ridge; border-style:inset; border-style:outset; border-width:; border-top:; border-top:1px solid #000; border-top:none; border-top-width:; border-top-style:; border-top-style:none; border-top-color:#000; border-top-color:transparent; border-right:; border-right:1px solid #000; border-right:none; border-right-width:; border-right-style:; border-right-style:none; border-right-color:#000;

bdrc:t

border-right-color:transparent;

bdb, bb

border-bottom:;

border-bottom:1px solid #000; border-bottom:none; border-bottom-width:; border-bottom-style:; border-bottom-style:none; border-bottom-color:#000; border-bottom-color:transparent; border-left:; border-left:1px solid #000; border-left:none; border-left-width:; border-left-style:; border-left-style:none; border-left-color:#000; border-left-color:transparent; border-radius:; border-top-right-radius:; border-top-left-radius:; border-bottom-right-radius:; border-bottom-left-radius:;

18

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;

pgbb:r

page-break-before:right;

pgbi

page-break-inside:;

pgbi:au

page-break-inside:auto;

pgbi:av

page-break-inside:avoid;

pgba

page-break-after:;

pgba:au

page-break-after:auto;

pgba:al

page-break-after:always;

pgba:l

page-break-after:left;

pgba:r

page-break-after:right;

orp

orphans:;

wid

widows:;

list:dc

list-style-type:decimal;

list:dclz

list-style-type:decimal-leadingzero;

list:lr

list-style-type:lower-roman;

list:ur

list-style-type:upper-roman;

lisi

list-style-image:;

lisi:n

list-style-image:none;

Print

pgbb

page-break-before:;

pgbb:au

page-break-before:auto;

pgbb:al

page-break-before:always;

pgbb:l

page-break-before:left;

Others

! @f

!important @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; }

19

@i, @import

@import url();

@kf

@-webkit-keyframes identifier { from { } to { } } @-o-keyframes identifier { from { } to { } } @-moz-keyframes identifier { from { } to { } } @keyframes identifier { from { } to { } }

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;

@m, @media

animdir:n

ac

animdir:r

@media screen { } align-content:;

animation-direction:normal; animation-direction:reverse;

ac:c

animdur

ac:fe

animfm

ac:fs

animfm:b

ac:s

animfm:bt, animfm:bh

ac:sa

animfm:f

ac:sb

animic

ai

animic:i

align-content:center; align-content:flex-end; align-content:flex-start; align-content:stretch; align-content:space-around; align-content:space-between; align-items:;

animation-duration:0s; animation-fill-mode:both; animation-fill-mode:backwards; animation-fill-mode:both; animation-fill-mode:forwards; animation-iteration-count:1; animation-iteration-count:infinite;

ai:b

animn

ai:c

animps

ai:fe

animps:p

ai:fs

animps:r

ai:s

animtf

align-items:baseline; align-items:center; align-items:flex-end; align-items:flex-start; align-items:stretch;

animation-name:none; animation-play-state:running; animation-play-state:paused; animation-play-state:running; animation-timing-function:linear;

20

animtf:cb

animation-timing-function:cubicbezier(0.1, 0.7, 1.0, 0.1);

colmf

column-fill:;

animtf:e

colmg

animtf:ei

colmr

animtf:eio

colmrc

column-gap:;

animation-timing-function:ease;

column-rule:;

animation-timing-function:ease-in;

animation-timing-function:ease-inout;

column-rule-color:;

colmrs

column-rule-style:; animation-timing-function:ease-out; colmrw column-rule-width:; animtf:l animation-timing-function:linear; colms column-span:; ap appearance:${none}; colmw column-width:; as align-self:; d:ib+ display: inline-block; as:a *display: inline; align-self:auto; *zoom: 1;

animtf:eo

as:b

align-self:baseline;

as:c

align-self:center;

as:fe

align-self:flex-end;

as:fs

align-self:flex-start;

Flex

fx

flex:;

fxb

flex-basis:;

fxd

flex-direction:;

as:s

fxd:c

bfv

fxd:cr

align-self:stretch; 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:;

flex-direction:column; 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: ;

21

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);

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);

op:ms

trf:t3

ord

trf:tx

ori

trf:ty

ori:l

trf:tz

ori:p

trfo

tov

trfs

tov:c

trs

tov:e

trsde

-ms-filter:‘progid:DXImageTransform. Microsoft.Alpha(Opacity=100)‘; order:; orientation:; orientation:landscape; orientation:portrait; text-overflow:${ellipsis}; text-overflow:clip; text-overflow:ellipsis;

transform: translate3d(tx, ty, tz); transform: translateX(x); transform: translateY(y); transform: translateZ(z); transform-origin:; transform-style:preserve-3d; transition:prop time; transition-delay:time;

22

trsdu

transition-duration:time;

trsp

transition-property:prop;

trstf us

XSL tmatch, tm

transition-timing-function:tfunc;

tname, tn

user-select:${none};

call

wfsm

-webkit-fontsmoothing:${antialiased};

ap

wfsm:a

-webkit-font-smoothing:antialiased; api

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;

imp inc ch

writing-mode:rl-tb; writing-mode:tb-lr;

wm:tbr

writing-mode:tb-rl;



xsl:when, wh ot

if

par

pare var

wm:rlt wm:tbl

vare wp key



elem attr attrs cp

23

HTML DOCTYPES

co

val

each, for tex com



msg

!, html:5

Document

doc

Document



fall num nam

pres strip proc sort choose+ xsl

|}

!!!

doc4

Document

html:4t

Document

24

html:4s

Document

html:xt

Document

html:xs

html:xxs

Document

!!!

!!!4t

!!!4s

!!!xt

!!!xs

content="text/html;charset=UTF-8" /> Document http://docs.emmet.io/