葵花宝典终可成,半途而废万事空。
官方地址:http://docs.emmet.io/cheat-sheet/
我导出了pdf版,需要的同学可以下载:
链接:http://pan.baidu.com/s/1eQ74eSM 密码:laz1
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-bar
→ foo-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
- padding: 0px 5px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 1px; border-radius: 3px; background: rgb(142, 182, 50);">fff;
-
bgc:t
-
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;
-
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"?>