zen coding/emmet 快捷方式一览

Syntax

Child: >
nav>ul>li

<nav> <ul> <li></li> </ul> </nav>
Sibling: +
div+p+bq

<div></div> <p></p> <blockquote></blockquote>
Climb-up: ^
div+div>p>span+em^bq

<div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div>
div+div>p>span+em^^bq

<div></div> <div> <p><span></span><em></em></p> </div> <blockquote></blockquote>
Grouping: ()
div>(header>ul>li*2>a)+footer>p

<div> <header> <ul> <li><a href=””></a></li> <li><a href=””></a></li> </ul> </header> <footer> <p></p> </footer> </div>
(div>dl>(dt+dd)*3)+footer>p

<div> <dl> <dt></dt> <dd></dd> <dt></dt> <dd></dd> <dt></dt> <dd></dd> </dl> </div> <footer> <p></p> </footer>
Multiplication: *
ul>li*5

<ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>
Item numbering: $
ul>li.item$*5

<ul> <li class=”item1″></li> <li class=”item2″></li> <li class=”item3″></li> <li class=”item4″></li> <li class=”item5″></li> </ul>
h$[title=item$]{Header $}*3

<h1 title=”item1″>Header 1</h1> <h2 title=”item2″>Header 2</h2> <h3 title=”item3″>Header 3</h3>
ul>li.item$$$*5

<ul> <li class=”item001″></li> <li class=”item002″></li> <li class=”item003″></li> <li class=”item004″></li> <li class=”item005″></li> </ul>
ul>li.item$@-*5

<ul> <li class=”item5″></li> <li class=”item4″></li> <li class=”item3″></li> <li class=”item2″></li> <li class=”item1″></li> </ul>
ul>li.item$@3*5

<ul> <li class=”item3″></li> <li class=”item4″></li> <li class=”item5″></li> <li class=”item6″></li> <li class=”item7″></li> </ul>
ID and CLASS attributes
#header

<div id=”header”></div>
.title

<div class=”title”></div>
form#search.wide

<form id=”search” class=”wide”></form>
p.class1.class2.class3

<p class=”class1 class2 class3″></p>
Custom attributes
p[title=”Hello world”]

<p title=”Hello world”></p>
td[rowspan=2 colspan=3 title]

<td rowspan=”2″ colspan=”3″ title=””></td>
[a=’value1′ b=”value2″]

<div a=”value1″ b=”value2″></div>
Text: {}
a{Click me}

<a href=””>Click me</a>
p>{Click }+a{here}+{ to continue}

<p>Click <a href=””>here</a> to continue</p>
Implicit tag names
.class

<div class=”class”></div>
em>.class

<em><span class=”class”></span></em>
ul>.class

<ul> <li class=”class”></li> </ul>
table>.row>.col

<table> <tr class=”row”> <td class=”col”></td> </tr> </table>

HTML

All unknown abbreviations will be transformed to tag, e.g. foo<foo></foo>.

!

Alias of html:5

<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″ /> <title>Document</title> </head> <body> </body> </html>

a

<a href=””></a>
a:link

<a href=”http://”></a>
a:mail

<a href=”mailto:”></a>
abbr

<abbr title=””></abbr>
acronym, acr

<acronym title=””></acronym>
base

<base href=”” />
basefont

<basefont />
br

<br />
frame

<frame />
hr

<hr />
bdo

<bdo dir=””></bdo>
bdo:r

<bdo dir=”rtl”></bdo>
bdo:l

<bdo dir=”ltr”></bdo>
col

<col />
link

<link rel=”stylesheet” href=”” />
link:css

<link rel=”stylesheet” href=”style.css” />
link:print

<link rel=”stylesheet” href=”print.css” media=”print” />
link:favicon

<link rel=”shortcut icon” type=”image/x-icon” href=”favicon.ico” />
link:touch

<link rel=”apple-touch-icon” href=”favicon.png” />
link:rss

<link rel=”alternate” type=”application/rss+xml” title=”RSS” href=”rss.xml” />
link:atom

<link rel=”alternate” type=”application/atom+xml” title=”Atom” href=”atom.xml” />
link:import, link:im

<link rel=”import” href=”component.html” />
meta

<meta />
meta:utf

<meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ />
meta:win

<meta http-equiv=”Content-Type” content=”text/html;charset=windows-1251″ />
meta:vp

<meta name=”viewport” content=”width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0″ />
meta:compat

<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />
style

<style></style>
script

<script></script>
script:src

<script src=””></script>
img

<img src=”” alt=”” />
img:srcset, img:s

<img srcset=”” src=”” alt=”” />
img:sizes, img:z

<img sizes=”” srcset=”” src=”” alt=”” />
picture

<picture></picture>
source, src

<source />
source:src, src:sc

<source src=”” type=”” />
source:srcset, src:s

<source srcset=”” />
source:media, src:m

<source media=”(min-width: )” srcset=”” />
source:type, src:t

<source srcset=”” type=”image/” />
source:sizes, src:z

<source sizes=”” srcset=”” />
source:media:type, src:mt

<source media=”(min-width: )” srcset=”” type=”image/” />
source:media:sizes, src:mz

<source media=”(min-width: )” sizes=”” srcset=”” />
source:sizes:type, src:zt

<source sizes=”” srcset=”” type=”image/” />
iframe

<iframe src=”” frameborder=”0″></iframe>
embed

<embed src=”” type=”” />
object

<object data=”” type=””></object>
param

<param name=”” value=”” />
map

<map name=””></map>
area

<area shape=”” coords=”” href=”” alt=”” />
area:d

<area shape=”default” href=”” alt=”” />
area:c

<area shape=”circle” coords=”” href=”” alt=”” />
area:r

<area shape=”rect” coords=”” href=”” alt=”” />
area:p

<area shape=”poly” coords=”” href=”” alt=”” />
form

<form action=””></form>
form:get

<form action=”” method=”get”></form>
form:post

<form action=”” method=”post”></form>
label

<label for=””></label>
input

<input type=”text” />
inp

<input type=”text” name=”” id=”” />
input:hidden, input:h

Alias of input[type=hidden name]

<input type=”hidden” name=”” />

input:text, input:t

Alias of inp

<input type=”text” name=”” id=”” />

input:search

Alias of inp[type=search]

<input type=”search” name=”” id=”” />

input:email

Alias of inp[type=email]

<input type=”email” name=”” id=”” />

input:url

Alias of inp[type=url]

<input type=”url” name=”” id=”” />

input:password, input:p

Alias of inp[type=password]

<input type=”password” name=”” id=”” />

input:datetime

Alias of inp[type=datetime]

<input type=”datetime” name=”” id=”” />

input:date

Alias of inp[type=date]

<input type=”date” name=”” id=”” />

input:datetime-local

Alias of inp[type=datetime-local]

<input type=”datetime-local” name=”” id=”” />

input:month

Alias of inp[type=month]

<input type=”month” name=”” id=”” />

input:week

Alias of inp[type=week]

<input type=”week” name=”” id=”” />

input:time

Alias of inp[type=time]

<input type=”time” name=”” id=”” />

input:tel

Alias of inp[type=tel]

<input type=”tel” name=”” id=”” />

input:number

Alias of inp[type=number]

<input type=”number” name=”” id=”” />

input:color

Alias of inp[type=color]

<input type=”color” name=”” id=”” />

input:checkbox, input:c

Alias of inp[type=checkbox]

<input type=”checkbox” name=”” id=”” />

input:radio, input:r

Alias of inp[type=radio]

<input type=”radio” name=”” id=”” />

input:range

Alias of inp[type=range]

<input type=”range” name=”” id=”” />

input:file, input:f

Alias of inp[type=file]

<input type=”file” name=”” id=”” />

input:submit, input:s

<input type=”submit” value=”” />
input:image, input:i

<input type=”image” src=”” alt=”” />
input:button, input:b

<input type=”button” value=”” />
isindex

<isindex />
input:reset

Alias of input:button[type=reset]

<input type=”reset” value=”” />

select

<select name=”” id=””></select>
select:disabled, select:d

Alias of select[disabled.]

<select name=”” id=”” disabled=”disabled”></select>

option, opt

<option value=””></option>
textarea

<textarea name=”” id=”” cols=”30″ rows=”10″></textarea>
marquee

<marquee behavior=”” direction=””></marquee>
menu:context, menu:c

Alias of menu[type=context]>

<menu type=”context”></menu>

menu:toolbar, menu:t

Alias of menu[type=toolbar]>

<menu type=”toolbar”></menu>

video

<video src=””></video>
audio

<audio src=””></audio>
html:xml

<html xmlns=”http://www.w3.org/1999/xhtml”></html>
keygen

<keygen />
command

<command />
button:submit, button:s, btn:s

Alias of button[type=submit]

<button type=”submit”></button>

button:reset, button:r, btn:r

Alias of button[type=reset]

<button type=”reset”></button>

button:disabled, button:d, btn:d

Alias of button[disabled.]

<button disabled=”disabled”></button>

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

Alias of fieldset[disabled.]

<fieldset disabled=”disabled”></fieldset>

bq

Alias of blockquote

<blockquote></blockquote>

fig

Alias of figure

<figure></figure>

figc

Alias of figcaption

<figcaption></figcaption>

pic

Alias of picture

<picture></picture>

ifr

Alias of iframe

<iframe src=”” frameborder=”0″></iframe>

emb

Alias of embed

<embed src=”” type=”” />

obj

Alias of object

<object data=”” type=””></object>

cap

Alias of caption

<caption></caption>

colg

Alias of colgroup

<colgroup></colgroup>

fst, fset

Alias of fieldset

<fieldset></fieldset>

btn

Alias of button

<button></button>

optg

Alias of optgroup

<optgroup></optgroup>

tarea

Alias of textarea

<textarea name=”” id=”” cols=”30″ rows=”10″></textarea>

leg

Alias of legend

<legend></legend>

sect

Alias of section

<section></section>

art

Alias of article

<article></article>

hdr

Alias of header

<header></header>

ftr

Alias of footer

<footer></footer>

adr

Alias of address

<address></address>

dlg

Alias of dialog

<dialog></dialog>

str

Alias of strong

<strong></strong>

prog

Alias of progress

<progress></progress>

mn

Alias of main

<main></main>

tem

Alias of template

<template></template>

datag

Alias of datagrid

<datagrid></datagrid>

datal

Alias of datalist

<datalist></datalist>

kg

Alias of keygen

<keygen />

out

Alias of output

<output></output>

det

Alias of details

<details></details>

cmd

Alias of command

<command />

doc

Alias of html>(head>meta[charset=${charset}]+title{${1:Document}})+body

<html> <head> <meta charset=”UTF-8″ /> <title>Document</title> </head> <body> </body> </html>

doc4

Alias of html>(head>meta[http-equiv=”Content-Type” content=”text/html;charset=${charset}”]+title{${1:Document}})+body

<html> <head> <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ /> <title>Document</title> </head> <body> </body> </html>

ri:dpr, ri:d

Alias of img:s

<img srcset=”” src=”” alt=”” />

ri:viewport, ri:v

Alias of img:z

<img sizes=”” srcset=”” src=”” alt=”” />

ri:art, ri:a

Alias of pic>src:m+img

<picture> <source media=”(min-width: )” srcset=”” /> <img src=”” alt=”” /> </picture>

ri:type, ri:t

Alias of pic>src:t+img

<picture> <source srcset=”” type=”image/” /> <img src=”” alt=”” /> </picture>

html:4t

Alias of !!!4t+doc4[lang=${lang}]

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html lang=”en”> <head> <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ /> <title>Document</title> </head> <body> </body> </html>

html:4s

Alias of !!!4s+doc4[lang=${lang}]

<!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

Alias of !!!xt+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]

<!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

Alias of !!!xs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]

<!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

Alias of !!!xxs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]

<!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>

html:5

Alias of !!!+doc[lang=${lang}]

<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″ /> <title>Document</title> </head> <body> </body> </html>

ol+

Alias of ol>li

<ol> <li></li> </ol>

ul+

Alias of ul>li

<ul> <li></li> </ul>

dl+

Alias of dl>dt+dd

<dl> <dt></dt> <dd></dd> </dl>

map+

Alias of map>area

<map name=””> <area shape=”” coords=”” href=”” alt=”” /> </map>

table+

Alias of table>tr>td

<table> <tr> <td></td> </tr> </table>

colgroup+, colg+

Alias of colgroup>col

<colgroup> <col /> </colgroup>

tr+

Alias of tr>td

<tr> <td></td> </tr>

select+

Alias of select>option

<select name=”” id=””> <option value=””></option> </select>

optgroup+, optg+

Alias of optgroup>option

<optgroup> <option value=””></option> </optgroup>

pic+

Alias of picture>source:srcset+img

<picture> <source srcset=”” /> <img src=”” alt=”” /> </picture>

!!!

<!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”>
c

<!– ${child} –>
cc:ie6

<!–[if lte IE 6]> ${child} <![endif]–>
cc:ie

<!–[if IE]> ${child} <![endif]–>
cc:noie

<!–[if !IE]><!–> ${child} <!–<![endif]–>

CSS

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-barfoo-bar: |;

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

Visual Formatting
pos

position:relative;
pos:s

position:static;
pos:a

position:absolute;
pos:r

position:relative;
pos:f

position:fixed;
t

top:;
t:a

top:auto;
r

right:;
r:a

right:auto;
b

bottom:;
b:a

bottom:auto;
l

left:;
l:a

left:auto;
z

z-index:;
z:a

z-index:auto;
fl

float:left;
fl:n

float:none;
fl:l

float:left;
fl:r

float:right;
cl

clear:both;
cl:n

clear:none;
cl:l

clear:left;
cl:r

clear:right;
cl:b

clear:both;
d

display:block;
d:n

display:none;
d:b

display:block;
d:f

display:flex;
d:if

display:inline-flex;
d:i

display:inline;
d:ib

display:inline-block;
d:li

display:list-item;
d:ri

display:run-in;
d:cp

display:compact;
d:tb

display:table;
d:itb

display:inline-table;
d:tbcp

display:table-caption;
d:tbcl

display:table-column;
d:tbclg

display:table-column-group;
d:tbhg

display:table-header-group;
d:tbfg

display:table-footer-group;
d:tbr

display:table-row;
d:tbrg

display:table-row-group;
d:tbc

display:table-cell;
d:rb

display:ruby;
d:rbb

display:ruby-base;
d:rbbg

display:ruby-base-group;
d:rbt

display:ruby-text;
d:rbtg

display:ruby-text-group;
v

visibility:hidden;
v:v

visibility:visible;
v:h

visibility:hidden;
v:c

visibility:collapse;
ov

overflow:hidden;
ov:v

overflow:visible;
ov:h

overflow:hidden;
ov:s

overflow:scroll;
ov:a

overflow:auto;
ovx

overflow-x:hidden;
ovx:v

overflow-x:visible;
ovx:h

overflow-x:hidden;
ovx:s

overflow-x:scroll;
ovx:a

overflow-x:auto;
ovy

overflow-y:hidden;
ovy:v

overflow-y:visible;
ovy:h

overflow-y:hidden;
ovy:s

overflow-y:scroll;
ovy:a

overflow-y:auto;
ovs

overflow-style:scrollbar;
ovs:a

overflow-style:auto;
ovs:s

overflow-style:scrollbar;
ovs:p

overflow-style:panner;
ovs:m

overflow-style:move;
ovs:mq

overflow-style:marquee;
zoo, zm

zoom:1;
cp

clip:;
cp:a

clip:auto;
cp:r

clip:rect(top right bottom left);
rsz

resize:;
rsz:n

resize:none;
rsz:b

resize:both;
rsz:h

resize:horizontal;
rsz:v

resize:vertical;
cur

cursor:${pointer};
cur:a

cursor:auto;
cur:d

cursor:default;
cur:c

cursor:crosshair;
cur:ha

cursor:hand;
cur:he

cursor:help;
cur:m

cursor:move;
cur:p

cursor:pointer;
cur:t

cursor:text;
Margin & Padding
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:;
Box Sizing
bxz

box-sizing:border-box;
bxz:cb

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);
bxsh:ra

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

box-shadow:none;
w

width:;
w:a

width:auto;
h

height:;
h:a

height:auto;
maw

max-width:;
maw:n

max-width:none;
mah

max-height:;
mah:n

max-height:none;
miw

min-width:;
mih

min-height:;
Font
f

font:;
f+

font:1em Arial,sans-serif;
fw

font-weight:;
fw:n

font-weight:normal;
fw:b

font-weight:bold;
fw:br

font-weight:bolder;
fw:lr

font-weight:lighter;
fs

font-style:${italic};
fs:n

font-style:normal;
fs:i

font-style:italic;
fs:o

font-style:oblique;
fv

font-variant:;
fv:n

font-variant:normal;
fv:sc

font-variant:small-caps;
fz

font-size:;
fza

font-size-adjust:;
fza:n

font-size-adjust:none;
ff

font-family:;
ff:s

font-family:serif;
ff:ss

font-family:sans-serif;
ff:c

font-family:cursive;
ff:f

font-family:fantasy;
ff:m

font-family:monospace;
ff:a

font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;
ff:t

font-family: “Times New Roman”, Times, Baskerville, Georgia, serif;
ff:v

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

font-effect:;
fef:n

font-effect:none;
fef:eg

font-effect:engrave;
fef:eb

font-effect:emboss;
fef:o

font-effect:outline;
fem

font-emphasize:;
femp

font-emphasize-position:;
femp:b

font-emphasize-position:before;
femp:a

font-emphasize-position:after;
fems

font-emphasize-style:;
fems:n

font-emphasize-style:none;
fems:ac

font-emphasize-style:accent;
fems:dt

font-emphasize-style:dot;
fems:c

font-emphasize-style:circle;
fems:ds

font-emphasize-style:disc;
fsm

font-smooth:;
fsm:a

font-smooth:auto;
fsm:n

font-smooth:never;
fsm:aw

font-smooth:always;
fst

font-stretch:;
fst:n

font-stretch:normal;
fst:uc

font-stretch:ultra-condensed;
fst:ec

font-stretch:extra-condensed;
fst:c

font-stretch:condensed;
fst:sc

font-stretch:semi-condensed;
fst:se

font-stretch:semi-expanded;
fst:e

font-stretch:expanded;
fst:ee

font-stretch:extra-expanded;
fst:ue

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;
va:m

vertical-align:middle;
va:bl

vertical-align:baseline;
va:b

vertical-align:bottom;
va:tb

vertical-align:text-bottom;
va:sub

vertical-align:sub;
ta

text-align:left;
ta:l

text-align:left;
ta:c

text-align:center;
ta:r

text-align:right;
ta:j

text-align:justify;
ta-lst

text-align-last:;
tal:a

text-align-last:auto;
tal:l

text-align-last:left;
tal:c

text-align-last:center;
tal:r

text-align-last:right;
td

text-decoration:none;
td:n

text-decoration:none;
td:u

text-decoration:underline;
td:o

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;
te:c

text-emphasis:circle;
te:ds

text-emphasis:disc;
te:b

text-emphasis:before;
te:a

text-emphasis:after;
th

text-height:;
th:a

text-height:auto;
th:f

text-height:font-size;
th:t

text-height:text-size;
th:m

text-height:max-size;
ti

text-indent:;
ti:-

text-indent:-9999px;
tj

text-justify:;
tj:a

text-justify:auto;
tj:iw

text-justify:inter-word;
tj:ii

text-justify:inter-ideograph;
tj:ic

text-justify:inter-cluster;
tj:d

text-justify:distribute;
tj:k

text-justify:kashida;
tj:t

text-justify:tibetan;
to

text-outline:;
to+

text-outline:0 0 #000;
to:n

text-outline:none;
tr

text-replace:;
tr:n

text-replace:none;
tt

text-transform:uppercase;
tt:n

text-transform:none;
tt:c

text-transform:capitalize;
tt:u

text-transform:uppercase;
tt:l

text-transform:lowercase;
tw

text-wrap:;
tw:n

text-wrap:normal;
tw:no

text-wrap:none;
tw:u

text-wrap:unrestricted;
tw:s

text-wrap:suppress;
tsh

text-shadow:hoff voff blur #000;
tsh:r

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

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

letter-spacing:;
lts-n

letter-spacing:normal;
whs

white-space:;
whs:n

white-space:normal;
whs:p

white-space:pre;
whs:nw

white-space:nowrap;
whs:pw

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;
whsc:l

white-space-collapse:loose;
whsc:bs

white-space-collapse:break-strict;
whsc:ba

white-space-collapse:break-all;
wob

word-break:;
wob:n

word-break:normal;
wob:k

word-break:keep-all;
wob:ba

word-break:break-all;
wos

word-spacing:;
wow

word-wrap:;
wow:nm

word-wrap:normal;
wow:n

word-wrap:none;
wow:u

word-wrap:unrestricted;
wow:s

word-wrap:suppress;
wow:b

word-wrap:break-word;
Background
bg

background:#000;
bg+

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

background:none;
bgc

background-color:#fff;
bgc:t

background-color:transparent;
bgi

background-image:url();
bgi:n

background-image:none;
bgr

background-repeat:;
bgr:n

background-repeat:no-repeat;
bgr:x

background-repeat:repeat-x;
bgr:y

background-repeat:repeat-y;
bgr:sp

background-repeat:space;
bgr:rd

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;
bgbk:eb

background-break:each-box;
bgbk:c

background-break:continuous;
bgcp

background-clip:padding-box;
bgcp:bb

background-clip:border-box;
bgcp:pb

background-clip:padding-box;
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;
Color
c

color:#000;
c:r

color:rgb(0, 0, 0);
c:ra

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

opacity:;
Generated content
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

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:;
Outline
ol

outline:;
ol:n

outline:none;
olo

outline-offset:;
olw

outline-width:;
olw:tn

outline-width:thin;
olw:m

outline-width:medium;
olw:tc

outline-width:thick;
ols

outline-style:;
ols:n

outline-style:none;
ols:dt

outline-style:dotted;
ols:ds

outline-style:dashed;
ols:s

outline-style:solid;
ols:db

outline-style:double;
ols:g

outline-style:groove;
ols:r

outline-style:ridge;
ols:i

outline-style:inset;
ols:o

outline-style:outset;
olc

outline-color:#000;
olc:i

outline-color:invert;
Tables
tbl

table-layout:;
tbl:a

table-layout:auto;
tbl:f

table-layout:fixed;
cps

caption-side:;
cps:t

caption-side:top;
cps:b

caption-side:bottom;
ec

empty-cells:;
ec:s

empty-cells:show;
ec:h

empty-cells:hide;
Border
bd

border:;
bd+

border:1px solid #000;
bd:n

border:none;
bdbk

border-break:close;
bdbk:c

border-break:close;
bdcl

border-collapse:;
bdcl:c

border-collapse:collapse;
bdcl:s

border-collapse:separate;
bdc

border-color:#000;
bdc:t

border-color:transparent;
bdi

border-image:url();
bdi:n

border-image:none;
bdti

border-top-image:url();
bdti:n

border-top-image:none;
bdri

border-right-image:url();
bdri:n

border-right-image:none;
bdbi

border-bottom-image:url();
bdbi:n

border-bottom-image:none;
bdli

border-left-image:url();
bdli:n

border-left-image:none;
bdci

border-corner-image:url();
bdci:n

border-corner-image:none;
bdci:c

border-corner-image:continue;
bdtli

border-top-left-image:url();
bdtli:n

border-top-left-image:none;
bdtli:c

border-top-left-image:continue;
bdtri

border-top-right-image:url();
bdtri:n

border-top-right-image:none;
bdtri:c

border-top-right-image:continue;
bdbri

border-bottom-right-image:url();
bdbri:n

border-bottom-right-image:none;
bdbri:c

border-bottom-right-image:continue;
bdbli

border-bottom-left-image:url();
bdbli:n

border-bottom-left-image:none;
bdbli:c

border-bottom-left-image:continue;
bdf

border-fit:repeat;
bdf:c

border-fit:clip;
bdf:r

border-fit:repeat;
bdf:sc

border-fit:scale;
bdf:st

border-fit:stretch;
bdf:ow

border-fit:overwrite;
bdf:of

border-fit:overflow;
bdf:sp

border-fit:space;
bdlen

border-length:;
bdlen:a

border-length:auto;
bdsp

border-spacing:;
bds

border-style:;
bds:n

border-style:none;
bds:h

border-style:hidden;
bds:dt

border-style:dotted;
bds:ds

border-style:dashed;
bds:s

border-style:solid;
bds:db

border-style:double;
bds:dtds

border-style:dot-dash;
bds:dtdtds

border-style:dot-dot-dash;
bds:w

border-style:wave;
bds:g

border-style:groove;
bds:r

border-style:ridge;
bds:i

border-style:inset;
bds:o

border-style:outset;
bdw

border-width:;
bdt, bt

border-top:;
bdt+

border-top:1px solid #000;
bdt:n

border-top:none;
bdtw

border-top-width:;
bdts

border-top-style:;
bdts:n

border-top-style:none;
bdtc

border-top-color:#000;
bdtc:t

border-top-color:transparent;
bdr, br

border-right:;
bdr+

border-right:1px solid #000;
bdr:n

border-right:none;
bdrw

border-right-width:;
bdrst

border-right-style:;
bdrst:n

border-right-style:none;
bdrc

border-right-color:#000;
bdrc:t

border-right-color:transparent;
bdb, bb

border-bottom:;
bdb+

border-bottom:1px solid #000;
bdb:n

border-bottom:none;
bdbw

border-bottom-width:;
bdbs

border-bottom-style:;
bdbs:n

border-bottom-style:none;
bdbc

border-bottom-color:#000;
bdbc:t

border-bottom-color:transparent;
bdl, bl

border-left:;
bdl+

border-left:1px solid #000;
bdl:n

border-left:none;
bdlw

border-left-width:;
bdls

border-left-style:;
bdls:n

border-left-style:none;
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;
Print
pgbb

page-break-before:;
pgbb:au

page-break-before:auto;
pgbb:al

page-break-before:always;
pgbb:l

page-break-before:left;
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:;
Others
!

!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;
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: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: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);
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-font-smoothing:${antialiased};
wfsm:a

-webkit-font-smoothing:antialiased;
wfsm:n

-webkit-font-smoothing:none;
wfsm:s, wfsm:sa

-webkit-font-smoothing:subpixel-antialiased;
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;

XSL

tmatch, tm

<xsl:template match=”” mode=””></xsl:template>
tname, tn

<xsl:template name=””></xsl:template>
call

<xsl:call-template name=”” />
ap

<xsl:apply-templates select=”” mode=”” />
api

<xsl:apply-imports />
imp

<xsl:import href=”” />
inc

<xsl:include href=”” />
ch

<xsl:choose></xsl:choose>
xsl:when, wh

<xsl:when test=””></xsl:when>
ot

<xsl:otherwise></xsl:otherwise>
if

<xsl:if test=””></xsl:if>
par

<xsl:param name=””></xsl:param>
pare

<xsl:param name=”” select=”” />
var

<xsl:variable name=””></xsl:variable>
vare

<xsl:variable name=”” select=”” />
wp

<xsl:with-param name=”” select=”” />
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=”” />
co

<xsl:copy-of select=”” />
val

<xsl:value-of select=”” />
each, for

<xsl:for-each select=””></xsl:for-each>
tex

<xsl:text></xsl:text>
com

<xsl:comment></xsl:comment>
msg

<xsl:message terminate=”no”></xsl:message>
fall

<xsl:fallback></xsl:fallback>
num

<xsl:number value=”” />
nam

<namespace-alias stylesheet-prefix=”” result-prefix=”” />
pres

<xsl:preserve-space elements=”” />
strip

<xsl:strip-space elements=”” />
proc

<xsl:processing-instruction name=””></xsl:processing-instruction>
sort

<xsl:sort select=”” order=”” />
choose+

Alias of xsl:choose>xsl:when+xsl:otherwise

<xsl:choose> <xsl:when test=””></xsl:when> <xsl:otherwise></xsl:otherwise> </xsl:choose>

xsl

Alias of !!!+xsl:stylesheet[version=1.0 xmlns:xsl=http://www.w3.org/1999/XSL/Transform]>{ |}

<?xml version=”1.0″ encoding=”UTF-8″?> <xsl:stylesheet version=”1.0″ xmlns:xsl=”http://www.w3.org/1999/XSL/Transform”></xsl:stylesheet>

!!!

<?xml version=”1.0″ encoding=”UTF-8″?>