1

Emmet | Cheat Sheet (2017-03)

SYNTAX
Syntax . . . . . . . . 1 Child: >

Child: > . . . . . . . . . . 1 nav>ul>li

<nav>
Sibling: + . . . . . . . . . 1 <ul>
Climb-up: ^ . . . . . . . . 1 <li></li>
</ul>
Grouping: () . . . . . . . . 1 </nav>
Multiplication: * . . . . . . 2 Sibling: +
Naming and numbering: $ 2
div+p+bq
ID and CLASS attributes . 2 <div></div>
<p></p>
Custom attributes . . . . . 2 <blockquote></blockquote>
Text: {} . . . . . . . . . . . 2
Climb-up: ^
Implicit tag names . . . . 2
div+div>p>span+em^bq
HTML . . . . . . . . 3 <div></div>
<div>
Form, Input, Button . . . . 4 <p><span></span><em></em></p>
<blockquote></blockquote>
CSS . . . . . . . . . 7 </div>
Visual Formatting . . . . . 7
div+div>p>span+em^^bq
Margin & Padding . . . . . 9 <div></div>
<div>
Box Sizing . . . . . . . . . 9 <p><span></span><em></em></p>
Font . . . . . . . . . . . . 9 </div>
<blockquote></blockquote>
Text . . . . . . . . . . . . 11
Grouping: ()
Background . . . . . . . 13
Color . . . . . . . . . . . 14 div>(header>ul>li*2>a)+footer>p
<div>
Generated content . . . . 14 <header>
<ul>
Outline . . . . . . . . . . 15 <li><a href=""></a></li>
<li><a href=""></a></li>
Tables . . . . . . . . . . 15 </ul>
Border . . . . . . . . . . 15 </header>
<footer>
Lists . . . . . . . . . . . 18 <p></p>
</footer>
Print . . . . . . . . . . . 18 </div>
Others . . . . . . . . . . 18 (div>dl>(dt+dd)*3)+footer>p
Animation . . . . . . . . 19 <div>
<dl>
Flex . . . . . . . . . . . . 20 <dt></dt>
<dd></dd>
Transform, Transition . . 21 <dt></dt>
<dd></dd>
XSL . . . . . . . . .22 <dt></dt>
<dd></dd>
HTML DOCTYPES . . 23 </dl>
</div>
<footer>
<p></p>
</footer>
http://docs.emmet.io/
 2
Multiplication: * ID and CLASS attributes
ul>li*5 #header
<ul> <div id="header"></div>
<li></li>
<li></li> .title
<li></li> <div class="title"></div>
<li></li>
<li></li> form#search.wide
</ul> <form id="search" class="wide"></
form>
Naming and numbering: $ p.class1.class2.class3
ul>li.sample$*5 <p class="class1 class2 class3"></p>
<ul>
<li class="sample1"></li> Custom attributes
<li class="sample2"></li>
<li class="sample3"></li> p[title="Hello world"]
<li class="sample4"></li> <p title="Hello world"></p>
<li class="sample5"></li>
</ul> td[rowspan=2 colspan=3 title]
<td rowspan="2" colspan="3"
h$[title=topic$]{Headline $}*3 title=""></td>
<h1 title="topic1">Headline 1</h1>
<h2 title="topic2">Headline 2</h2> [a=value1 b="value2"]
<h3 title="topic3">Headline 3</h3> <div a="value1" b="value2"></div>
ul>li.item$$$*5 Text: {}
<ul>
<li class="item001"></li> a{Click me}
<li class="item002"></li> <a href="">Click me</a>
<li class="item003"></li>
<li class="item004"></li> p>{Click }+a{here}+{ to continue}
<li class="item005"></li> <p>Click <a href="">here</a> to
</ul> continue</p>
ul>li.item$@-*5 Implicit tag names
<ul>
<li class="item5"></li> .class
<li class="item4"></li> <div class="class"></div>
<li class="item3"></li>
<li class="item2"></li> em>.class
<li class="item1"></li> <em><span class="class"></span></
</ul> em>
ul>li.item$@3*5 ul>.class
<ul> <ul>
<li class="item3"></li> <li class="class"></li>
<li class="item4"></li> </ul>
<li class="item5"></li>
<li class="item6"></li> table>.row>.col
<li class="item7"></li> <table>
</ul> <tr class="row">
<td class="col"></td>
</tr>
</table>
 3

HTML link:rss
<link rel="alternate"
All unknown abbreviations will be transformed to
type="application/rss+xml"
tag, e.g. foo <foo></foo>.
title="RSS" href="rss.xml" />
a link:atom
<a href=""></a> <link rel="alternate"
a:link type="application/atom+xml"
<a href="http://"></a> title="Atom" href="atom.xml" />
a:mail link:import, link:im
<a href="mailto:"></a> <link rel="import"
href="component.html" />
abbr
<abbr title=""></abbr> meta
<meta />
acronym, acr
<acronym title=""></acronym> meta:utf
<meta http-equiv="Content-Type"
base content="text/html;charset=UTF-8"
<base href="" /> />
basefont meta:win
<basefont /> <meta http-equiv="Content-
br Type" content="text/
<br /> html;charset=windows-1251" />
frame meta:vp
<frame /> <meta name="viewport"
hr content="width=device-width, user-
<hr /> scalable=no, initial-scale=1.0,
maximum-scale=1.0, minimum-
bdo scale=1.0" />
<bdo dir=""></bdo>
meta:compat
bdo:r <meta http-equiv="X-UA-Compatible"
<bdo dir="rtl"></bdo> content="IE=7" />
bdo:l style
<bdo dir="ltr"></bdo> <style></style>
col script
<col /> <script></script>
link script:src
<link rel="stylesheet" href="" /> <script src=""></script>
link:css img
<link rel="stylesheet" <img src="" alt="" />
href="style.css" />
img:srcset, img:s
link:print <img srcset="" src="" alt="" />
<link rel="stylesheet"
href="print.css" media="print" /> img:sizes, img:z
<img sizes="" srcset="" src=""
link:favicon alt="" />
<link rel="shortcut icon"
type="image/x-icon" href="favicon. picture
ico" /> <picture></picture>
link:touch source, src
<link rel="apple-touch-icon" <source />
href="favicon.png" /> source:src, src:sc
<source src="" type="" />
 4
source:srcset, src:s Form, Input, Button
<source srcset="" />
form
source:media, src:m <form action=""></form>
<source media="(min-width: )"
srcset="" />
form:get
<form action="" method="get"></
source:type, src:t form>
<source srcset="" type="image/" />
form:post
source:sizes, src:z <form action="" method="post"></
<source sizes="" srcset="" /> form>
source:media:type, src:mt label
<source media="(min-width: )" <label for=""></label>
srcset="" type="image/" />
input
source:media:sizes, src:mz <input type="text" />
<source media="(min-width: )"
sizes="" srcset="" />
inp
<input type="text" name="" id=""
source:sizes:type, src:zt />
<source sizes="" srcset=""
type="image/" />
input:hidden, input:h
<input type="hidden" name="" />
iframe
<iframe src="" frameborder="0"></
input:text, input:t
<input type="text" name="" id=""
iframe>
/>
embed
<embed src="" type="" />
input:search
<input type="search" name="" id=""
object />
<object data="" type=""></object>
input:email
param <input type="email" name="" id=""
<param name="" value="" /> />
map input:url
<map name=""></map> <input type="url" name="" id="" />
area input:password, input:p
<area shape="" coords="" href="" <input type="password" name=""
alt="" /> id="" />
area:d input:datetime
<area shape="default" href="" <input type="datetime" name=""
alt="" /> id="" />
area:c input:date
<area shape="circle" coords="" <input type="date" name="" id=""
href="" alt="" /> />
area:r input:datetime-local
<area shape="rect" coords="" <input type="datetime-local"
href="" alt="" /> name="" id="" />
area:p input:month
<area shape="poly" coords="" <input type="month" name="" id=""
href="" alt="" /> />
input:week
<input type="week" name="" id=""
/>
input:time
<input type="time" name="" id=""
/>
 5

input:tel audio
<input type="tel" name="" id="" /> <audio src=""></audio>
input:number html:xml
<input type="number" name="" id="" <html xmlns="http://www.
/> w3.org/1999/xhtml"></html>
input:color keygen
<input type="color" name="" id="" <keygen />
/> command
input:checkbox, input:c <command />
<input type="checkbox" name="" button:submit, button:s, btn:s
id="" /> <button type="submit"></button>
input:radio, input:r button:reset, button:r, btn:r
<input type="radio" name="" id="" <button type="reset"></button>
/>
button:disabled, button:d, btn:d
input:range <button disabled="disabled"></
<input type="range" name="" id="" button>
/>
fieldset:disabled,
input:file, input:f fieldset:d, fset:d, fst:d
<input type="file" name="" id="" />
<fieldset disabled="disabled"></
input:submit, input:s fieldset>
<input type="submit" value="" />
bq
input:image, input:i <blockquote></blockquote>
<input type="image" src="" alt=""
fig
/>
<figure></figure>
input:button, input:b figc
<input type="button" value="" />
<figcaption></figcaption>
isindex pic
<isindex />
<picture></picture>
input:reset ifr
<input type="reset" value="" />
<iframe src="" frameborder="0"></
select iframe>
<select name="" id=""></select>
emb
select:disabled, select:d <embed src="" type="" />
<select name="" id=""
obj
disabled="disabled"></select>
<object data="" type=""></object>
option, opt cap
<option value=""></option>
<caption></caption>
textarea colg
<textarea name="" id="" cols="30"
<colgroup></colgroup>
rows="10"></textarea>
fst, fset
marquee <fieldset></fieldset>
<marquee behavior=""
direction=""></marquee> btn
<button></button>
menu:context, menu:c
<menu type="context"></menu> optg
<optgroup></optgroup>
menu:toolbar, menu:t
<menu type="toolbar"></menu> tarea
<textarea name="" id="" cols="30"
video rows="10"></textarea>
<video src=""></video>
 6
leg ri:type, ri:t
<legend></legend> <picture>
sect <source srcset="" type="image/"
<section></section> />
<img src="" alt="" />
art </picture>
<article></article>
hdr ol+
<header></header> <ol>
ftr <li></li>
<footer></footer> </ol>
adr ul+
<address></address> <ul>
<li></li>
dlg </ul>
<dialog></dialog>
dl+
str <dl>
<strong></strong> <dt></dt>
prog <dd></dd>
<progress></progress> </dl>
mn map+
<main></main> <map name="">
tem <area shape="" coords=""
<template></template> href="" alt="" />
</map>
datag
<datagrid></datagrid> table+
<table>
datal <tr>
<datalist></datalist>
<td></td>
kg </tr>
<keygen /> </table>
out colgroup+, colg+
<output></output> <colgroup>
det <col />
<details></details> </colgroup>
cmd tr+
<command /> <tr>
<td></td>
ri:dpr, ri:d </tr>
<img srcset="" src="" alt="" /> select+
ri:viewport, ri:v <select name="" id="">
<img sizes="" srcset="" src="" <option value=""></option>
alt="" /> </select>
ri:art, ri:a optgroup+, optg+
<picture> <optgroup>
<source media="(min-width: )" <option value=""></option>
srcset="" /> </optgroup>
<img src="" alt="" /> pic+
</picture> <picture>
<source srcset="" />
<img src="" alt="" />
</picture>
 7

CSS fl:r
float:right;
CSS module uses fuzzy search to find unknown abb-
reviations, e.g. ov:h == ov-h == ovh == oh. cl
clear:both;
If abbreviation wasnt found, it is transformed into
property name: foo-bar foo-bar: |; cl:n
You can prefix abbreviations with hyphen to produce clear:none;
vendor-prefixed properties: -foo cl:l
clear:left;
Visual Formatting
pos cl:r
clear:right;
position:relative;
pos:s cl:b
clear:both;
position:static;
d
pos:a display:block;
position:absolute;
d:n
pos:r display:none;
position:relative;
d:b
pos:f display:block;
position:fixed;
t d:f
display:flex;
top:;
t:a d:if
display:inline-flex;
top:auto;
r d:i
right:; display:inline;

r:a d:ib
right:auto; display:inline-block;

b d:li
bottom:; display:list-item;

b:a d:ri
bottom:auto; display:run-in;
l d:cp
left:; display:compact;
l:a d:tb
left:auto; display:table;
z d:itb
z-index:; display:inline-table;
z:a d:tbcp
z-index:auto; display:table-caption;
fl d:tbcl
float:left; display:table-column;
fl:n d:tbclg
float:none; display:table-column-group;
fl:l d:tbhg
float:left; display:table-header-group;
 8
d:tbfg ovx:a
display:table-footer-group; overflow-x:auto;
d:tbr ovy
display:table-row; overflow-y:hidden;
d:tbrg ovy:v
display:table-row-group; overflow-y:visible;
d:tbc ovy:h
display:table-cell; overflow-y:hidden;
d:rb ovy:s
display:ruby; overflow-y:scroll;
d:rbb ovy:a
display:ruby-base; overflow-y:auto;
d:rbbg ovs
display:ruby-base-group; overflow-style:scrollbar;
d:rbt ovs:a
display:ruby-text; overflow-style:auto;
d:rbtg ovs:s
display:ruby-text-group; overflow-style:scrollbar;
v ovs:p
visibility:hidden; overflow-style:panner;
v:v ovs:m
visibility:visible; overflow-style:move;
v:h ovs:mq
visibility:hidden; overflow-style:marquee;
v:c zoo, zm
visibility:collapse; zoom:1;
ov cp
overflow:hidden; clip:;
ov:v cp:a
overflow:visible; clip:auto;
ov:h cp:r
overflow:hidden; clip:rect(top right bottom left);
ov:s rsz
overflow:scroll; resize:;
ov:a rsz:n
overflow:auto; resize:none;
ovx rsz:b
overflow-x:hidden; resize:both;
ovx:v rsz:h
overflow-x:visible; resize:horizontal;
ovx:h rsz:v
overflow-x:hidden; resize:vertical;
ovx:s cur
overflow-x:scroll; cursor:${pointer};
 9
cur:a
cursor:auto; pl
padding-left:;
cur:d
cursor:default; Box Sizing
cur:c bxz
cursor:crosshair; box-sizing:border-box;
cur:ha bxz:cb
cursor:hand; box-sizing:content-box;
cur:he bxz:bb
cursor:help; box-sizing:border-box;
cur:m bxsh
cursor:move; box-shadow:inset hoff voff blur
cur:p color;
cursor:pointer; bxsh:r
cur:t box-shadow:inset hoff voff blur
cursor:text; spread rgb(0, 0, 0);
bxsh:ra
Margin & Padding box-shadow:inset h v blur spread
m rgba(0, 0, 0, .5);
margin:; bxsh:n
m:a box-shadow:none;
margin:auto; w
mt width:;
margin-top:; w:a
mt:a width:auto;
margin-top:auto; h
mr height:;
margin-right:; h:a
mr:a height:auto;
margin-right:auto; maw
mb max-width:;
margin-bottom:; maw:n
mb:a max-width:none;
margin-bottom:auto; mah
max-height:;
ml
margin-left:; mah:n
max-height:none;
ml:a
margin-left:auto; miw
min-width:;
p
padding:; mih
min-height:;
pt
padding-top:;
Font
pr
padding-right:; f
font:;
pb
padding-bottom:;
 10
f+ ff:t
font:1em Arial,sans-serif; font-family: Times New Roman",
fw Times, Baskerville, Georgia, serif;
font-weight:; ff:v
font-family: Verdana, Geneva,
fw:n
sans-serif;
font-weight:normal;
fw:b fef
font-effect:;
font-weight:bold;
fw:br fef:n
font-effect:none;
font-weight:bolder;
fw:lr fef:eg
font-effect:engrave;
font-weight:lighter;
fs, fs:i fef:eb
font-effect:emboss;
font-style:italic;
fs:n fef:o
font-effect:outline;
font-style:normal;
fs:o fem
font-emphasize:;
font-style:oblique;
fv femp
font-variant:; font-emphasize-position:;

fv:n femp:b
font-variant:normal; font-emphasize-position:before;

fv:sc femp:a
font-variant:small-caps; font-emphasize-position:after;

fz fems
font-size:; font-emphasize-style:;

fza fems:n
font-size-adjust:; font-emphasize-style:none;

fza:n fems:ac
font-size-adjust:none; font-emphasize-style:accent;

ff fems:dt
font-family:; font-emphasize-style:dot;

ff:s fems:c
font-family:serif; font-emphasize-style:circle;

ff:ss fems:ds
font-family:sans-serif; font-emphasize-style:disc;

ff:c fsm
font-family:cursive; font-smooth:;

ff:f fsm:a
font-family:fantasy; font-smooth:auto;

ff:m fsm:n
font-family:monospace; font-smooth:never;
ff:a fsm:aw
font-family: Arial, Helvetica font-smooth:always;
Neue", Helvetica, sans-serif;
 11
fst ta:r
font-stretch:; text-align:right;
fst:n ta:j
font-stretch:normal; text-align:justify;
fst:uc ta-lst
font-stretch:ultra-condensed; text-align-last:;
fst:ec tal:a
font-stretch:extra-condensed; text-align-last:auto;
fst:c tal:l
font-stretch:condensed; text-align-last:left;
fst:sc tal:c
font-stretch:semi-condensed; text-align-last:center;
fst:se tal:r
font-stretch:semi-expanded; text-align-last:right;
fst:e td, td:n
font-stretch:expanded; text-decoration:none;
fst:ee td:u
font-stretch:extra-expanded; text-decoration:underline;
fst:ue td:o
font-stretch:ultra-expanded; text-decoration:overline;
td:l
Text text-decoration:line-through;
va te
vertical-align:top; text-emphasis:;
va:sup te:n
vertical-align:super; text-emphasis:none;
va:t te:ac
vertical-align:top; text-emphasis:accent;
va:tt te:dt
vertical-align:text-top; text-emphasis:dot;
va:m te:c
vertical-align:middle; text-emphasis:circle;
va:bl te:ds
vertical-align:baseline; text-emphasis:disc;
va:b te:b
vertical-align:bottom; text-emphasis:before;
va:tb te:a
vertical-align:text-bottom; text-emphasis:after;
va:sub th
vertical-align:sub; text-height:;
ta, ta:l th:a
text-align:left; text-height:auto;
ta:c th:f
text-align:center; text-height:font-size;
 12
th:t tw
text-height:text-size; text-wrap:;
th:m tw:n
text-height:max-size; text-wrap:normal;
ti tw:no
text-indent:; text-wrap:none;
ti:- tw:u
text-indent:-9999px; text-wrap:unrestricted;
tj tw:s
text-justify:; text-wrap:suppress;
tj:a tsh
text-justify:auto; text-shadow:hoff voff blur #000;
tj:iw tsh:r
text-justify:inter-word; text-shadow:h v blur rgb(0, 0, 0);
tj:ii tsh:ra
text-justify:inter-ideograph; text-shadow:h v blur rgba(0, 0, 0,
.5);
tj:ic
text-justify:inter-cluster; tsh+
text-shadow:0 0 0 #000;
tj:d
text-justify:distribute; tsh:n
text-shadow:none;
tj:k
text-justify:kashida; lh
line-height:;
tj:t
text-justify:tibetan; lts
letter-spacing:;
to
text-outline:; lts-n
letter-spacing:normal;
to+
text-outline:0 0 #000; whs
white-space:;
to:n
text-outline:none; whs:n
white-space:normal;
tr
text-replace:; whs:p
white-space:pre;
tr:n
text-replace:none; whs:nw
white-space:nowrap;
tt
text-transform:uppercase; whs:pw
white-space:pre-wrap;
tt:n
text-transform:none; whs:pl
white-space:pre-line;
tt:c
text-transform:capitalize; whsc
white-space-collapse:;
tt:u
text-transform:uppercase; whsc:n
white-space-collapse:normal;
tt:l
text-transform:lowercase; whsc:k
white-space-collapse:keep-all;
 13
whsc:l Background
white-space-collapse:loose;
bg
whsc:bs background:#000;
white-space-collapse:break-strict;
bg+
whsc:ba background:#fff url() 0 0
white-space-collapse:break-all; no-repeat;
wob bg:n
word-break:; background:none;
wob:n bgc
word-break:normal; background-color:#fff;
wob:k bgc:t
word-break:keep-all; background-color:transparent;
wob:ba bgi
word-break:break-all; background-image:url();
wos bgi:n
word-spacing:; background-image:none;
wow bgr
word-wrap:; background-repeat:;
wow:nm bgr:n
word-wrap:normal; background-repeat:no-repeat;
wow:n bgr:x
word-wrap:none; background-repeat:repeat-x;
wow:u bgr:y
word-wrap:unrestricted; background-repeat:repeat-y;
wow:s bgr:sp
word-wrap:suppress; background-repeat:space;
wow:b bgr:rd
word-wrap:break-word; 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 Color
background-break:each-box;
c
bgbk:c color:#000;
background-break:continuous;
c:r
bgcp color:rgb(0, 0, 0);
background-clip:padding-box;
c:ra
bgcp:bb color:rgba(0, 0, 0, .5);
background-clip:border-box;
op
bgcp:pb opacity:;
background-clip:padding-box;
bgcp:cb Generated content
background-clip:content-box; cnt
bgcp:nc content:'';
background-clip:no-clip; cnt:n, ct:n
bgo content:normal;
background-origin:; cnt:oq, ct:oq
bgo:pb content:open-quote;
background-origin:padding-box; cnt:noq, ct:noq
bgo:bb content:no-open-quote;
background-origin:border-box; cnt:cq, ct:cq
bgo:cb content:close-quote;
background-origin:content-box; cnt:ncq, ct:ncq
bgsz content:no-close-quote;
background-size:; cnt:a, ct:a
bgsz:a content:attr();
background-size:auto; cnt:c, ct:c
bgsz:ct content:counter();
background-size:contain; cnt:cs, ct:cs
bgsz:cv content:counters();
background-size:cover; ct
content:;
q
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 Tables
ol tbl
outline:; table-layout:;
ol:n tbl:a
outline:none; table-layout:auto;
olo tbl:f
outline-offset:; table-layout:fixed;
olw cps
outline-width:; caption-side:;
olw:tn cps:t
outline-width:thin; caption-side:top;
olw:m cps:b
outline-width:medium; caption-side:bottom;
olw:tc ec
outline-width:thick; empty-cells:;
ols ec:s
outline-style:; empty-cells:show;
ols:n ec:h
outline-style:none; empty-cells:hide;
ols:dt
outline-style:dotted; Border

ols:ds bd
outline-style:dashed; border:;

ols:s bd+
outline-style:solid; border:1px solid #000;

ols:db bd:n
outline-style:double; border:none;

ols:g bdbk
outline-style:groove; border-break:close;

ols:r bdbk:c
outline-style:ridge; border-break:close;

ols:i bdcl
outline-style:inset; border-collapse:;

ols:o bdcl:c
outline-style:outset; border-collapse:collapse;

olc bdcl:s
outline-color:#000; border-collapse:separate;

olc:i bdc
outline-color:invert; border-color:#000;
bdc:t
border-color:transparent;
bdi
border-image:url();
bdi:n
border-image:none;
 16
bdti bdbli:c
border-top-image:url(); border-bottom-left-image:continue;
bdti:n bdf
border-top-image:none; border-fit:repeat;
bdri bdf:c
border-right-image:url(); border-fit:clip;
bdri:n bdf:r
border-right-image:none; border-fit:repeat;
bdbi bdf:sc
border-bottom-image:url(); border-fit:scale;
bdbi:n bdf:st
border-bottom-image:none; border-fit:stretch;
bdli bdf:ow
border-left-image:url(); border-fit:overwrite;
bdli:n bdf:of
border-left-image:none; border-fit:overflow;
bdci bdf:sp
border-corner-image:url(); border-fit:space;
bdci:n bdlen
border-corner-image:none; border-length:;
bdci:c bdlen:a
border-corner-image:continue; border-length:auto;
bdtli bdsp
border-top-left-image:url(); border-spacing:;
bdtli:n bds
border-top-left-image:none; border-style:;
bdtli:c bds:n
border-top-left-image:continue; border-style:none;
bdtri bds:h
border-top-right-image:url(); border-style:hidden;
bdtri:n bds:dt
border-top-right-image:none; border-style:dotted;
bdtri:c bds:ds
border-top-right-image:continue; border-style:dashed;
bdbri bds:s
border-bottom-right-image:url(); border-style:solid;
bdbri:n bds:db
border-bottom-right-image:none; border-style:double;
bdbri:c bds:dtds
border-bottom-right-image:continue; border-style:dot-dash;
bdbli bds:dtdtds
border-bottom-left-image:url(); border-style:dot-dot-dash;
bdbli:n bds:w
border-bottom-left-image:none; border-style:wave;
 17
bds:g bdb+
border-style:groove; border-bottom:1px solid #000;
bds:r bdb:n
border-style:ridge; border-bottom:none;
bds:i bdbw
border-style:inset; border-bottom-width:;
bds:o bdbs
border-style:outset; border-bottom-style:;
bdw bdbs:n
border-width:; border-bottom-style:none;
bdt, bt bdbc
border-top:; border-bottom-color:#000;
bdt+ bdbc:t
border-top:1px solid #000; border-bottom-color:transparent;
bdt:n bdl, bl
border-top:none; border-left:;
bdtw bdl+
border-top-width:; border-left:1px solid #000;
bdts bdl:n
border-top-style:; border-left:none;
bdts:n bdlw
border-top-style:none; border-left-width:;
bdtc bdls
border-top-color:#000; border-left-style:;
bdtc:t bdls:n
border-top-color:transparent; border-left-style:none;
bdr, br bdlc
border-right:; border-left-color:#000;
bdr+ bdlc:t
border-right:1px solid #000; border-left-color:transparent;
bdr:n bdrs
border-right:none; border-radius:;
bdrw bdtrrs
border-right-width:; border-top-right-radius:;
bdrst bdtlrs
border-right-style:; border-top-left-radius:;
bdrst:n bdbrrs
border-right-style:none; border-bottom-right-radius:;
bdrc bdblrs
border-right-color:#000; border-bottom-left-radius:;
bdrc:t
border-right-color:transparent;
bdb, bb
border-bottom:;
 18
Lists pgbb:r
page-break-before:right;
lis
list-style:; pgbi
page-break-inside:;
lis:n
list-style:none; pgbi:au
page-break-inside:auto;
lisp
list-style-position:; pgbi:av
page-break-inside:avoid;
lisp:i
list-style-position:inside; pgba
page-break-after:;
lisp:o
list-style-position:outside; pgba:au
page-break-after:auto;
list
list-style-type:; pgba:al
page-break-after:always;
list:n
list-style-type:none; pgba:l
page-break-after:left;
list:d
list-style-type:disc; pgba:r
page-break-after:right;
list:c
list-style-type:circle; orp
orphans:;
list:s
list-style-type:square; wid
widows:;
list:dc
list-style-type:decimal;
Others
list:dclz
list-style-type:decimal-leading-
!
!important
zero;
@f
list:lr @font-face {
list-style-type:lower-roman; font-family:;
list:ur src:url(|);
list-style-type:upper-roman; }
lisi @f+
list-style-image:; @font-face {
font-family: FontName;
lisi:n src: url(FileName.eot);
list-style-image:none; src: url(FileName.eot?#iefix)
format(embedded-opentype),
Print url(FileName.woff)
pgbb format(woff),
page-break-before:; url(FileName.ttf)
format(truetype),
pgbb:au url(FileName.
page-break-before:auto; svg#FontName) format(svg);
pgbb:al font-style: normal;
page-break-before:always; font-weight: normal;
}
pgbb:l
page-break-before:left;
 19
@i, @import Animation
@import url();
anim
@kf animation:;
@-webkit-keyframes identifier {
anim-
from { }
animation:name duration timing-
to { }
function delay iteration-count
}
direction fill-mode;
@-o-keyframes identifier {
from { } animdel
to { } animation-delay:time;
} animdir
@-moz-keyframes identifier { animation-direction:normal;
from { }
to { } animdir:a
} animation-direction:alternate;
@keyframes identifier { animdir:ar
from { } animation-direction:alternate-
to { } reverse;
}
@m, @media animdir:n
animation-direction:normal;
@media screen { }
ac animdir:r
animation-direction:reverse;
align-content:;
ac:c animdur
animation-duration:0s;
align-content:center;
ac:fe animfm
animation-fill-mode:both;
align-content:flex-end;
ac:fs animfm:b
animation-fill-mode:backwards;
align-content:flex-start;
ac:s animfm:bt, animfm:bh
animation-fill-mode:both;
align-content:stretch;
ac:sa animfm:f
animation-fill-mode:forwards;
align-content:space-around;
ac:sb animic
animation-iteration-count:1;
align-content:space-between;
ai animic:i
animation-iteration-count:infinite;
align-items:;
ai:b animn
animation-name:none;
align-items:baseline;
ai:c animps
animation-play-state:running;
align-items:center;
ai:fe animps:p
animation-play-state:paused;
align-items:flex-end;
ai:fs animps:r
animation-play-state:running;
align-items:flex-start;
ai:s animtf
animation-timing-function:linear;
align-items:stretch;
 20
animtf:cb
animation-timing-function:cubic- colmf
bezier(0.1, 0.7, 1.0, 0.1); column-fill:;
animtf:e colmg
animation-timing-function:ease; column-gap:;
animtf:ei colmr
animation-timing-function:ease-in; column-rule:;
animtf:eio colmrc
animation-timing-function:ease-in- column-rule-color:;
out; colmrs
animtf:eo column-rule-style:;
animation-timing-function:ease-out; colmrw
animtf:l column-rule-width:;
animation-timing-function:linear; colms
ap column-span:;
appearance:${none}; colmw
as column-width:;
align-self:; d:ib+
as:a display: inline-block;
align-self:auto; *display: inline;
*zoom: 1;
as:b
align-self:baseline; Flex
as:c fx
align-self:center;
flex:;
as:fe fxb
align-self:flex-end;
flex-basis:;
as:fs fxd
align-self:flex-start;
flex-direction:;
as:s fxd:c
align-self:stretch;
flex-direction:column;
bfv fxd:cr
backface-visibility:;
flex-direction:column-reverse;
bfv:h fxd:r
backface-visibility:hidden;
flex-direction:row;
bfv:v fxd:rr
backface-visibility:visible;
flex-direction:row-reverse;
bg:ie fxf
filter:progid:DXImageTransform.
flex-flow:;
Microsoft.AlphaImageLoader(src=x.
png,sizingMethod=crop); fxg
flex-grow:;
cm
/* ${child} */ fxsh
flex-shrink:;
colm
columns:; fxw
flex-wrap: ;
colmc
column-count:;
 21
fxw:n Transform, Transition
flex-wrap:nowrap;
trf
fxw:w transform:;
flex-wrap:wrap;
trf:r
fxw:wr transform: rotate(angle);
flex-wrap:wrap-reverse;
trf:rx
jc transform: rotateX(angle);
justify-content:;
trf:ry
jc:c transform: rotateY(angle);
justify-content:center;
trf:rz
jc:fe transform: rotateZ(angle);
justify-content:flex-end;
trf:sc
jc:fs transform: scale(x, y);
justify-content:flex-start;
trf:sc3
jc:sa transform: scale3d(x, y, z);
justify-content:space-around;
trf:scx
jc:sb transform: scaleX(x);
justify-content:space-between;
trf:scy
mar transform: scaleY(y);
max-resolution:res;
trf:scz
mir transform: scaleZ(z);
min-resolution:res;
trf:skx
op+ transform: skewX(angle);
opacity: ;
filter: alpha(opacity=); trf:sky
transform: skewY(angle);
op:ie
filter:progid:DXImageTransform. trf:t
Microsoft.Alpha(Opacity=100); transform: translate(x, y);

op:ms trf:t3
-ms-filter:progid:DXImageTransform. transform: translate3d(tx, ty,
Microsoft.Alpha(Opacity=100); tz);

ord trf:tx
order:; transform: translateX(x);

ori trf:ty
orientation:; transform: translateY(y);

ori:l trf:tz
orientation:landscape; transform: translateZ(z);

ori:p trfo
orientation:portrait; transform-origin:;

tov trfs
text-overflow:${ellipsis}; transform-style:preserve-3d;

tov:c trs
text-overflow:clip; transition:prop time;

tov:e trsde
text-overflow:ellipsis; transition-delay:time;
 22
trsdu XSL
transition-duration:time;
tmatch, tm
trsp <xsl:template match="" mode=""></
transition-property:prop; xsl:template>
trstf tname, tn
transition-timing-function:tfunc; <xsl:template name=""></
us xsl:template>
user-select:${none}; call
<xsl:call-template name="" />
wfsm
-webkit-font- ap
smoothing:${antialiased}; <xsl:apply-templates select=""
mode="" />
wfsm:a
-webkit-font-smoothing:antialiased; api
<xsl:apply-imports />
wfsm:n imp
-webkit-font-smoothing:none; <xsl:import href="" />
wfsm:s, wfsm:sa inc
-webkit-font-smoothing:subpixel- <xsl:include href="" />
antialiased;
ch
wm <xsl:choose></xsl:choose>
writing-mode:lr-tb; xsl:when, wh
wm:btl <xsl:when test=""></xsl:when>
writing-mode:bt-lr; ot
wm:btr <xsl:otherwise></xsl:otherwise>
writing-mode:bt-rl; if
<xsl:if test=""></xsl:if>
wm:lrb
writing-mode:lr-bt; par
<xsl:param name=""></xsl:param>
wm:lrt
writing-mode:lr-tb; pare
<xsl:param name="" select="" />
wm:rlb var
writing-mode:rl-bt; <xsl:variable name=""></
wm:rlt xsl:variable>
writing-mode:rl-tb; vare
wm:tbl <xsl:variable name="" select="" />
writing-mode:tb-lr; wp
wm:tbr <xsl:with-param name="" select="" />
writing-mode:tb-rl; key
<xsl:key name="" match="" use="" />
elem
<xsl:element name=""></xsl:element>
attr
<xsl:attribute name=""></
xsl:attribute>
attrs
<xsl:attribute-set name=""></
xsl:attribute-set>
cp
<xsl:copy select="" />
 23

co HTML DOCTYPES
<xsl:copy-of select="" /> !, html:5
val <!DOCTYPE html>
<xsl:value-of select="" /> <html lang="en">
each, for <head>
<xsl:for-each select=""></ <meta charset="UTF-8" />
xsl:for-each> <title>Document</title>
</head>
tex <body>
<xsl:text></xsl:text>
com </body>
<xsl:comment></xsl:comment> </html>
msg
<xsl:message terminate="no"></ doc
xsl:message> <html>
fall <head>
<xsl:fallback></xsl:fallback> <meta charset="UTF-8" />
<title>Document</title>
num </head>
<xsl:number value="" /> <body>
nam
<namespace-alias stylesheet-prefix="" </body>
result-prefix="" /> </html>
pres
<xsl:preserve-space elements="" /> doc4
<html>
strip <head>
<xsl:strip-space elements="" /> <meta http-equiv="Content-Type"
proc content="text/html;charset=UTF-8"
<xsl:processing- />
instruction name=""></ <title>Document</title>
xsl:processing-instruction> </head>
sort <body>
<xsl:sort select="" order="" />
</body>
choose+
</html>
<xsl:choose>
<xsl:when test=""></xsl:when>
<xsl:otherwise></xsl:otherwise> html:4t
</xsl:choose> <!DOCTYPE HTML PUBLIC "-//W3C//
DTD HTML 4.01 Transitional//EN"
xsl
"http://www.w3.org/TR/html4/loose.
|}
dtd">
<?xml version="1.0"
<html lang="en">
encoding="UTF-8"?>
<head>
<xsl:stylesheet version="1.0"
<meta http-equiv="Content-Type"
xmlns:xsl="http://www.w3.org/1999/
content="text/html;charset=UTF-8"
XSL/Transform"></xsl:stylesheet>
/>
!!! <title>Document</title>
<?xml version="1.0" </head>
encoding="UTF-8"?> <body>

</body>
</html>
 24
html:4s
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.01//EN" "http://www.w3.org/
TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8"
/>
<title>Document</title>
</head>
<body>
</body>
</html>
html:xt
<!DOCTYPE html PUBLIC "-//W3C//
DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd">
<html xmlns="http://www.
w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8"
/>
<title>Document</title>
</head>
<body>
</body>
</html>
html:xs
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN" "http://www.
w3.org/TR/xhtml1/DTD/xhtml1-strict.
dtd">
<html xmlns="http://www.
w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8"
/>
<title>Document</title>
</head>
<body>
</body>
</html>
html:xxs
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.1//EN" "http://www.w3.org/
TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.
w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8"
/>
<title>Document</title>
</head>
<body>
</body>
</html>
!!!
<!DOCTYPE html>
!!!4t
<!DOCTYPE HTML PUBLIC "-//W3C//
DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.
dtd">
!!!4s
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.01//EN" "http://www.w3.org/
TR/html4/strict.dtd">
!!!xt
<!DOCTYPE html PUBLIC "-//W3C//
DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd">
!!!xs
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN" "http://www.
w3.org/TR/xhtml1/DTD/xhtml1-strict.
dtd">
!!!xxs
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.1//EN" "http://www.w3.org/
TR/xhtml11/DTD/xhtml11.dtd">
http://docs.emmet.io/