0% found this document useful (0 votes)
68 views17 pages

Syntax: Child

The document describes different syntax rules for generating HTML elements using CSS-like selectors, including: - Child selectors (>): Select element children - Sibling selectors (+): Select adjacent element siblings - Climb-up selectors (^): Select parent elements - Grouping selectors (): Group element selectors - Multiplication selectors (*): Repeat element - Item numbering selectors ($): Number elements - ID (#) and class (.) selectors - Custom attributes - Text between {} - Implicit tag names - Unknown abbreviations transformed to tags

Uploaded by

scouty_s
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
68 views17 pages

Syntax: Child

The document describes different syntax rules for generating HTML elements using CSS-like selectors, including: - Child selectors (>): Select element children - Sibling selectors (+): Select adjacent element siblings - Climb-up selectors (^): Select parent elements - Grouping selectors (): Group element selectors - Multiplication selectors (*): Repeat element - Item numbering selectors ($): Number elements - ID (#) and class (.) selectors - Custom attributes - Text between {} - Implicit tag names - Unknown abbreviations transformed to tags

Uploaded by

scouty_s
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

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>p>span+em^^bq
<div></div> <div></div>
<div> <div>
<p><span></span><em></em></p> <p><span></span><em></em></p>
<blockquote></blockquote> </div>
</div> <blockquote></blockquote>

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

Multiplication: *
ul>li*5
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

Item numbering: $

1 of 17
ul>li.item$*5 h$[title=item$]{Header $}*3 ul>li.item$$$*5
<ul> <h1 title="item1">Header 1</h1> <ul>
<li class="item1"></li> <h2 title="item2">Header 2</h2> <li class="item001"></li>
<li class="item2"></li> <h3 title="item3">Header 3</h3> <li class="item002"></li>
<li class="item3"></li> <li class="item003"></li>
<li class="item4"></li> <li class="item004"></li>
<li class="item5"></li> <li class="item005"></li>
</ul> </ul>

ul>li.item$@-*5 ul>li.item$@3*5
<ul> <ul>
<li class="item5"></li> <li class="item3"></li>
<li class="item4"></li> <li class="item4"></li>
<li class="item3"></li> <li class="item5"></li>
<li class="item2"></li> <li class="item6"></li>
<li class="item1"></li> <li class="item7"></li>
</ul> </ul>

ID and CLASS attributes


#header .title form#search.wide
<div id="header"></div> <div class="title"></div> <form id="search" class="wide"></form>

p.class1.class2.class3
<p class="class1 class2 class3"></p>

Custom attributes
p[title="Hello world"] td[rowspan=2 colspan=3 title] [a='value1' b="value2"]
<p title="Hello world"></p> <td rowspan="2" colspan="3" title=""></td> <div a="value1" b="value2"></div>

Text: {}
a{Click me} p>{Click }+a{here}+{ to continue}
<a href="">Click me</a> <p>Click <a href="">here</a> to continue</p>

Implicit tag names


.class em>.class ul>.class
<div class="class"></div> <em><span class="class"></span></em> <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>.

2 of 17
! a a:link
<a href=" "> </a> <a href="http:// "> </a>
Alias of html:5
<!DOCTYPE html> a:mail abbr
<html lang="en"> <a href="mailto: "> </a> <abbr title=" "> </abbr>
<head>
acronym, acr base
<meta charset="UTF-8" />
<acronym title=" "> </acronym> <base href=" " />
<title> Document </title>
</head> basefont br
<body> <basefont /> <br />

frame hr
</body>
<frame /> <hr />
</html>
bdo bdo:r
<bdo dir=" "> </bdo> <bdo dir="rtl"> </bdo>

bdo:l col link


<bdo dir="ltr"> </bdo> <col /> <link rel="stylesheet" href=" " />

link:css link:print link:favicon


<link rel="stylesheet" href=" style .css" /> <link rel="stylesheet" href=" print .css" media="print" /> <link rel="shortcut icon" type="image/x-icon" href="
favicon.ico " />

link:touch link:rss link:atom


<link rel="apple-touch-icon" href=" favicon.png " /> <link rel="alternate" type="application/rss+xml" title="RSS" <link rel="alternate" type="application/atom+xml"
href=" rss.xml " /> title="Atom" href=" atom.xml " />

link:import, link:im meta meta:utf


<link rel="import" href=" component .html" /> <meta /> <meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />

meta:win meta:vp meta:compat


<meta http-equiv="Content-Type" content="text/html; <meta name="viewport" content="width= device-width , <meta http-equiv="X-UA-Compatible" content=" IE=7 " />
charset=windows-1251" /> user-scalable= no , initial-scale= 1.0 , maximum-scale=
style
1.0 , minimum-scale= 1.0 " />
<style> </style>

script script:src img


<script> </script> <script src=" "> </script> <img src=" " alt=" " />

img:srcset, img:s img:sizes, img:z picture


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

source, src source:src, src:sc source:srcset, src:s


<source /> <source src=" " type=" " /> <source srcset=" " />

source:media, src:m source:type, src:t source:sizes, src:z


<source media="( min-width: )" srcset=" " /> <source srcset=" " type=" image/ " /> <source sizes=" " srcset=" " />

source:media:type, src:mt
<source media="( min-width: )" srcset=" " type=" image/ "
/>

source:media:sizes, src:mz source:sizes:type, src:zt iframe


<source media="( min-width: )" sizes=" " srcset=" " /> <source sizes=" " srcset=" " type=" image/ " /> <iframe src=" " frameborder="0"> </iframe> 3 of 17
embed object param
<embed src=" " type=" " /> <object data=" " type=" "> </object> <param name=" " value=" " />

map area area:d


<map name=" "> </map> <area shape=" " coords=" " href=" " alt=" " /> <area shape="default" href=" " alt=" " />

area:c area:r area:p


<area shape="circle" coords=" " href=" " alt=" " /> <area shape="rect" coords=" " href=" " alt=" " /> <area shape="poly" coords=" " href=" " alt=" " />

form form:get form:post


<form action=" "> </form> <form action=" " method="get"> </form> <form action=" " method="post"> </form>

label input inp


<label for=" "> </label> <input type=" text " /> <input type=" text " name=" " id=" " />

input:hidden, input:h input:text, input:t input:search

Alias of input[type=hidden name] Alias of inp Alias of inp[type=search]


<input type="hidden" name=" " /> <input type=" text " name=" " id=" " /> <input type="search" name=" " id=" " />

input:email

Alias of inp[type=email]
<input type="email" name=" " id=" " />

input:url input:password, input:p input:datetime

Alias of inp[type=url] Alias of inp[type=password] Alias of inp[type=datetime]


<input type="url" name=" " id=" " /> <input type="password" name=" " id=" " /> <input type="datetime" name=" " id=" " />

input:date input:datetime-local input:month

Alias of inp[type=date] Alias of inp[type=datetime-local] Alias of inp[type=month]


<input type="date" name=" " id=" " /> <input type="datetime-local" name=" " id=" " /> <input type="month" name=" " id=" " />

input:week input:time input:tel

Alias of inp[type=week] Alias of inp[type=time] Alias of inp[type=tel]


<input type="week" name=" " id=" " /> <input type="time" name=" " id=" " /> <input type="tel" name=" " id=" " />

input:number input:color input:checkbox, input:c

Alias of inp[type=number] Alias of inp[type=color] Alias of inp[type=checkbox]


<input type="number" name=" " id=" " /> <input type="color" name=" " id=" " /> <input type="checkbox" name=" " id=" " />

input:radio, input:r input:range input:le, input:f

Alias of inp[type=radio] Alias of inp[type=range] Alias of inp[type=le]


<input type="radio" name=" " id=" " /> <input type="range" name=" " id=" " /> <input type="le" name=" " id=" " />

input:submit, input:s input:image, input:i input:button, input:b


<input type="submit" value=" " /> <input type="image" src=" " alt=" " /> <input type="button" value=" " />

isindex input:reset select


<isindex /> <select name=" " id=" "> </select>
Alias of input:button[type=reset]
<input type="reset" value=" " /> 4 of 17
select:disabled, select:d option, opt textarea
<option value=" "> </option> <textarea name=" " id=" " cols=" 30 " rows=" 10 ">
Alias of select[disabled.]
</textarea>
<select name=" " id=" " disabled="disabled"> </select>
marquee menu:context, menu:c
<marquee behavior=" " direction=" "> </marquee>
Alias of menu[type=context]>
<menu type="context"> </menu>

menu:toolbar, menu:t video audio


<video src=" "> </video> <audio src=" "> </audio>
Alias of menu[type=toolbar]>
<menu type="toolbar"> </menu> html:xml keygen
<html xmlns="http://www.w3.org/1999/xhtml"> </html> <keygen />

command button:submit, button:s, btn:s button:reset, button:r, btn:r


<command />
Alias of button[type=submit] Alias of button[type=reset]
<button type="submit"> </button> <button type="reset"> </button>

button:disabled, button:d, btn:d eldset:disabled, eldset:d, fset:d, fst:d bq

Alias of button[disabled.] Alias of eldset[disabled.] Alias of blockquote


<button disabled="disabled"> </button> <eldset disabled="disabled"> </eldset> <blockquote> </blockquote>

g gc pic

Alias of gure Alias of gcaption Alias of picture


<gure> </gure> <gcaption> </gcaption> <picture> </picture>

ifr emb obj

Alias of iframe Alias of embed Alias of object


<iframe src=" " frameborder="0"> </iframe> <embed src=" " type=" " /> <object data=" " type=" "> </object>

cap colg fst, fset

Alias of caption Alias of colgroup Alias of eldset


<caption> </caption> <colgroup> </colgroup> <eldset> </eldset>

btn optg tarea

Alias of button Alias of optgroup Alias of textarea


<button> </button> <optgroup> </optgroup> <textarea name=" " id=" " cols=" 30 " rows=" 10 ">
</textarea>

leg sect art

Alias of legend Alias of section Alias of article


<legend> </legend> <section> </section> <article> </article>

hdr ftr adr

Alias of header Alias of footer Alias of address


<header> </header> <footer> </footer> <address> </address>

5 of 17
dlg str prog

Alias of dialog Alias of strong Alias of progress


<dialog> </dialog> <strong> </strong> <progress> </progress>

mn tem datag

Alias of main Alias of template Alias of datagrid


<main> </main> <template> </template> <datagrid> </datagrid>

datal kg out

Alias of datalist Alias of keygen Alias of output


<keygen />
<datalist> </datalist> <output> </output>

det cmd doc

Alias of details Alias of command Alias of


<details> </details>
<command /> html>(head>meta[charset=${charset}]+title{${1:Docu
ment}})+body
<html>
<head>
<meta charset="UTF-8" />
<title> Document </title>
</head>
<body>

</body>
</html>

doc4 ri:dpr, ri:d ri:viewport, ri:v

Alias of html>(head>meta[http-equiv="Content-Type" Alias of img:s Alias of img:z


content="text/html; <img srcset=" " src=" " alt=" " /> <img sizes=" " srcset=" " src=" " alt=" " />
charset=${charset}"]+title{${1:Document}})+body
ri:art, ri:a ri:type, ri:t
<html>
<head> Alias of pic>src:m+img Alias of pic>src:t+img
<meta http-equiv="Content-Type" content="text/html; <picture> <picture>
charset=UTF-8" />
<source media="( min-width: )" srcset=" " /> <source srcset=" " type=" image/ " />
<title> Document </title>
<img src=" " alt=" " /> <img src=" " alt=" " />
</head> </picture> </picture>
<body>

</body>
</html>

6 of 17
html:4t html:4s html:xt

Alias of !!!4t+doc4[lang=${lang}] Alias of !!!4s+doc4[lang=${lang}] Alias of !!!xt+doc4[xmlns=http://www.w3.org


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" /1999/xhtml xml:lang=${lang}]
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
<html lang="en"> <html lang="en"> Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
<head> <head> transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; <meta http-equiv="Content-Type" content="text/html; <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
charset=UTF-8" /> charset=UTF-8" /> <head>
<title> Document </title> <title> Document </title> <meta http-equiv="Content-Type" content="text/html;
</head> </head> charset=UTF-8" />
<body> <body> <title> Document </title>
</head>
</body> </body> <body>
</html> </html>
</body>
</html>

html:xs html:xxs html:5

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


/1999/xhtml xml:lang=${lang}] /1999/xhtml xml:lang=${lang}] <!DOCTYPE html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" <html lang="en">
Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <head>
strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <meta charset="UTF-8" />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title> Document </title>
<head> <meta http-equiv="Content-Type" content="text/html; </head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <body>
charset=UTF-8" /> <title> Document </title>
<title> Document </title> </head> </body>
</head> <body> </html>
<body>
ol+
</body>
</body> </html> Alias of ol>li
</html>
<ol>
<li> </li>
</ol>

ul+ dl+ map+

Alias of ul>li Alias of dl>dt+dd Alias of map>area


<ul> <dl> <map name=" ">
<li> </li> <dt> </dt> <area shape=" " coords=" " href=" " alt=" " />
</ul> <dd> </dd> </map>
</dl>
table+

Alias of table>tr>td
<table>
<tr>
<td> </td>
</tr>
7 of 17
</table>
colgroup+, colg+ tr+ select+

Alias of colgroup>col Alias of tr>td Alias of select>option


<colgroup>
<tr> <select name=" " id=" ">
<col />
<td> </td> <option value=" "> </option>
</colgroup>
</tr> </select>

optgroup+, optg+ pic+ !!!


<!DOCTYPE html>
Alias of optgroup>option Alias of picture>source:srcset+img
<optgroup> <picture> !!!4t
<option value=" "> </option> <source srcset=" " /> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
</optgroup> <img src=" " alt=" " /> Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
</picture>
!!!4s
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

!!!xt !!!xs !!!xxs


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
transitional.dtd"> strict.dtd">
c
<!-- ${child} -->

cc:ie6 cc:ie cc:noie


<!--[if lte IE 6]> <!--[if IE]> <!--[if !IE]><!-->
${child} ${child} ${child}
<![endif]--> <![endif]--> <!--<![endif]-->

CSS
CSS module uses fuzzy search to find unknown abbreviations, e.g. ov:h == ov-h == ovh == oh.
If abbreviation wasnt 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:xed;

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; oat: left ; :n oat:none;

:l oat:left;

:r oat: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:ex; 8 of 17


d:if display:inline-ex; 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 overow: hidden ;

ov:v overow:visible; ov:h overow:hidden; ov:s overow:scroll;

ov:a overow:auto; ovx overow-x: hidden ; ovx:v overow-x:visible;

ovx:h overow-x:hidden;

ovx:s overow-x:scroll; ovx:a overow-x:auto; ovy overow-y: hidden ;

ovy:v overow-y:visible; ovy:h overow-y:hidden; ovy:s overow-y:scroll;

ovy:a overow-y:auto; ovs overow-style: scrollbar ; ovs:a overow-style:auto;

ovs:s overow-style:scrollbar;

ovs:p overow-style:panner; ovs:m overow-style:move; ovs:mq overow-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; 9 of 17
bxsh box-shadow: inset ho vo blur bxsh:r box-shadow: inset ho vo blur bxsh:ra box-shadow: inset h v blur
color ; spread rgb( 0 , 0 , 0 ); 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; font-family: ; :s font-family:serif;

:ss font-family:sans-serif; :c font-family:cursive; :f font-family:fantasy;

:m font-family:monospace; :a font-family: Arial, "Helvetica Neue", :t font-family: "Times New Roman", Times,
Helvetica, sans-serif; Baskerville, Georgia, serif;

:v font-family: Verdana, Geneva, sans-serif; fef font-eect: ; fef:n font-eect:none;

fef:eg font-eect:engrave; fef:eb font-eect:emboss; fef:o font-eect: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;


10 of 17
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: ho vo blur #000 ; tsh:r text-shadow: h v blur rgb( 0 , 0 ,
0 );

tsh:ra text-shadow: h v blur rgba( 0 , 0 , tsh+ text-shadow: 0 0 0 #000 ; tsh:n text-shadow:none;


0 , . 5 ); 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;
11 of 17
Background
bg background:# 000 ; bg+ background: #f url( ) 0 0 bg:n background:none;
no-repeat ; bgc background-color:# f ;

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:xed; 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-oset: ;

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 12 of 17
tbl table-layout: ; tbl:a table-layout:auto; tbl:f table-layout:xed;

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-t: repeat ; bdf:c border-t:clip; bdf:r border-t:repeat;

bdf:sc border-t:scale; bdf:st border-t:stretch;

bdf:ow border-t:overwrite; bdf:of border-t:overow; bdf:sp border-t: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: ;


13 of 17
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 { @f+ @font-face {
font-family: ; font-family: ' FontName ';
src:url(|); src: url(' FileName .eot');
}
src: url(' FileName .eot?#iex')
format('embedded-opentype'),
url(' FileName .wo') format('wo'),
url(' FileName .ttf') format('truetype'),
url(' FileName .svg# FontName ')
format('svg');
font-style: normal ;
font-weight: normal ;
14 of 17
}
@i, @import @import url( ); @kf @-webkit-keyframes identier { @m, @media @media screen {
from { }
to { } }

} ac align-content: ;
@-o-keyframes identier {
ac:c align-content:center;
from { }
to { } ac:fe align-content:ex-end;
}
ac:fs align-content:ex-start;
@-moz-keyframes identier {
from { } ac:s align-content:stretch;
to { }
ac:sa align-content:space-around;
}
@keyframes identier { ac:sb align-content:space-between;
from { }
ai align-items: ;
to { }
} ai:b align-items:baseline;

ai:c align-items:center;

ai:fe align-items:ex-end; ai:fs align-items:ex-start; ai:s align-items:stretch;

anim animation: ; anim- animation: name duration animdel animation-delay: time ;


timing-function delay iteration-count
animdir animation-direction: normal ;
direction ll-mode ;
animdir:a animation-direction:alternate;

animdir:ar animation-direction:alternate-reverse; animdir:n animation-direction:normal; animdir:r animation-direction:reverse;

animdur animation-duration: 0 s; animfm animation-ll-mode: both ; animfm:b animation-ll-mode:backwards;

animfm:bt, animfm:bh animation-ll-mode:both;

animfm:f animation-ll-mode:forwards; animic animation-iteration-count: 1 ; animic:i animation-iteration-count:innite;

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:ex-end; as:fs align-self:ex-start;

as:s align-self:stretch; bfv backface-visibility: ; bfv:h backface-visibility:hidden;

bfv:v backface-visibility:visible;

15 of 17
bg:ie lter:progid:DXImageTransform.Microsoft.Alp cm /* ${child} */ colm columns: ;
haImageLoader(src=' x .png',sizingMethod='
colmc column-count: ; colmf column-ll: ;
crop ');
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 ex: ; fxb ex-basis: ; fxd ex-direction: ;

fxd:c ex-direction:column; fxd:cr ex-direction:column-reverse; fxd:r ex-direction:row;

fxd:rr ex-direction:row-reverse; fxf ex-ow: ; fxg ex-grow: ;

fxsh ex-shrink: ; fxw ex-wrap: ; fxw:n ex-wrap:nowrap;

fxw:w ex-wrap:wrap; fxw:wr ex-wrap:wrap-reverse; jc justify-content: ;

jc:c justify-content:center; jc:fe justify-content:ex-end; jc:fs justify-content:ex-start;

jc:sa justify-content:space-around; jc:sb justify-content:space-between; mar max-resolution: res ;

mir min-resolution: res ; op+ opacity: ; op:ie lter:progid:DXImageTransform.Microsoft.Alp


lter: alpha(opacity= ); ha(Opacity=100);

op:ms -ms-lter:'progid:DXImageTransform.Microsof ord order: ; ori orientation: ;


t.Alpha(Opacity=100)';
ori:l orientation:landscape; ori:p orientation:portrait;

tov text-overow:${ellipsis}; tov:c text-overow:clip; tov:e text-overow: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;


16 of 17
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 tname, tn call
<xsl:template match=" " mode=" "> </xsl:template> <xsl:template name=" "> </xsl:template> <xsl:call-template name=" " />

ap api imp
<xsl:apply-templates select=" " mode=" " /> <xsl:apply-imports /> <xsl:import href=" " />

inc ch xsl:when, wh
<xsl:include href=" " /> <xsl:choose> </xsl:choose> <xsl:when test=" "> </xsl:when>

ot if par
<xsl:otherwise> </xsl:otherwise> <xsl:if test=" "> </xsl:if> <xsl:param name=" "> </xsl:param>

pare var vare


<xsl:param name=" " select=" " /> <xsl:variable name=" "> </xsl:variable> <xsl:variable name=" " select=" " />

wp key elem
<xsl:with-param name=" " select=" " /> <xsl:key name=" " match=" " use=" " /> <xsl:element name=" "> </xsl:element>

attr attrs cp
<xsl:attribute name=" "> </xsl:attribute> <xsl:attribute-set name=" "> </xsl:attribute-set> <xsl:copy select=" " />

co val each, for


<xsl:copy-of select=" " /> <xsl:value-of select=" " /> <xsl:for-each select=" "> </xsl:for-each>

tex com msg


<xsl:text> </xsl:text> <xsl:comment> </xsl:comment> <xsl:message terminate="no"> </xsl:message>

fall num nam


<xsl:fallback> </xsl:fallback> <xsl:number value=" " /> <namespace-alias stylesheet-prex=" " result-prex=" " />

pres strip proc


<xsl:preserve-space elements=" " /> <xsl:strip-space elements=" " /> <xsl:processing-instruction name=" "> </xsl:processing-
instruction>

sort choose+ xsl


<xsl:sort select=" " order=" " />
Alias of xsl:choose>xsl:when+xsl:otherwise Alias of !!!+xsl:stylesheet[version=1.0
<xsl:choose> xmlns:xsl=http://www.w3.org/1999/XSL/Transform]>{
<xsl:when test=" "> </xsl:when> |}
<xsl:otherwise> </xsl:otherwise> <?xml version="1.0" encoding="UTF-8"?>
</xsl:choose> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org
/1999/XSL/Transform"> </xsl:stylesheet>

!!!
<?xml version="1.0" encoding="UTF-8"?>

17 of 17

You might also like