emmet(Zen coding)帮助文档
葵花宝典终可成，半途而废万事空。
官方地址：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"?>