Zen Coding Cheat Sheet

Zen HTML Elements
Based on HTML 5 specification draft. Root Element html <html></html> html:xml <html xmlns="http://www.w .or!/"###/xhtml" xml:lan!="en"></html> html:4t <$%&'T()* HTML )+BL,' "-//. '//%T% HTML 4.01 Transitional//*/" "http://www.w .or!/T0/html1/loose.dtd"> <html lan!="en"> <head> <title></title> <meta http-e23i4="'ontent-T5pe" content="text/html6charset=+T7-8"> </head> <9od5></9od5> </html> html:4s <$%&'T()* HTML )+BL,' "-//. '//%T% HTML 4.01//*/" "http://www.w .or!/T0/html1/strict.dtd"> <html lan!="en"> <head> <title></title> <meta http-e23i4="'ontent-T5pe" content="text/html6charset=+T7-8"> </head> <9od5></9od5> </html> html:xt <$%&'T()* html )+BL,' "-//. '//%T% XHTML 1.0 Transitional//*/" "http://www.w .or!/T0/xhtml"/%T%/xhtml"transitional.dtd"> <html xmlns="http://www.w .or!/"###/xhtml" xml:lan!="en"> <head> <title></title> <meta http-e23i4="'ontent-T5pe" content="text/html6charset=+T7-8"/> </head> <9od5></9od5> </html> html:xs <$%&'T()* html )+BL,' "-//. '//%T% XHTML 1.0 Strict//*/" "http://www.w .or!/T0/xhtml"/%T%/xhtml"strict.dtd"> <html xmlns="http://www.w .or!/"###/xhtml" xml:lan!="en"> <head> <title></title> <meta http-e23i4="'ontent-T5pe" content="text/html6charset=+T7-8"/> </head> http://code.!oo!le.com/p/Cen-codin!/ html:xxs
<9od5></9od5> </html> <$%&'T()* html )+BL,' "-//. '//%T% :HTML "."//*/" "http://www.w .or!/T0/xhtml""/%T%/xhtml"".dtd"> <html xmlns="http://www.w .or!/"###/xhtml" xml:lan!="en"> <head> <title></title> <meta http-e23i4="'ontent-T5pe" content="text/html6charset=+T7-8"/> </head> <9od5></9od5> </html>
html:5
<$%&'T()* HTML> <html lan!="en-*/"> <head> <title></title> <meta charset="+T7-8"> </head> <9od5> </9od5> </html> Document Metadata <head></head> <title></title> <9ase href=""> <lin;>
head title base link link:css
<lin; rel="st5lesheet" t5pe="text/css" href="st5le.css" media="all"> link:print <lin; rel="st5lesheet" t5pe="text/css" href="print.css" media="print"> link:favicon <lin; rel="shortc3t icon" t5pe="ima!e/x-icon" href="fa4icon.ico"> link:touch <lin; rel="apple-to3ch-icon" href="fa4icon.pn!"> link:rss <lin; rel="alternate" t5pe="application/rss<xml" title="0==" href="rss.xml"> link:atom <lin; rel="alternate" t5pe="application/atom<xml" title=">tom" href="atom.xml"> meta <meta> meta:utf <meta http-e23i4="'ontent-T5pe" content="text/html6charset=+T7-8"> "
meta:win <meta http-e23i4="'ontent-T5pe" content="text/html6charset=.in-"?5""> meta:compat <meta http-e23i4=":-+>-'ompati9le" content=",*=@"> st le <st5le t5pe="text/css"></st5le> Scripting script <script t5pe="text/Aa4ascript"></script> script:src <script t5pe="text/Aa4ascript" src=""></script> noscript <noscript></noscript> Sections bod <9od5></9od5> section! sect <section></section> nav <na4></na4> article! art <article></article> aside <aside></aside> h" <h"></h"> h# <h?></h?> h$ <h ></h > h4 <h1></h1> h5 <h5></h5> h% <hB></hB> h&roup! h&r <h!ro3p></h!ro3p> header! hdr <header></header> footer! ftr <footer></footer> address! adr <address></address> div <di4></di4> Grouping Content p <p></p> hr <hr> br <9r> D/+ Deneral )39lic License 4
pre <pre></pre> dialo&! dl& <dialo!></dialo!> block'uote! b' <9loc;23ote></9loc;23ote> ol <ol></ol> ol( <ol> <li></li> </ol> ul <3l></3l> ul( <3l> <li></li> </3l> li <li></li> dl <dl></dl> dl( <dl> <dt></dt> <dd></dd> </dl> dt <dt></dt> dd <dd></dd> Text-level Semantics a <a href=""></a> a:link <a href="http://"></a> a:mail <a href="mailto:"></a> ' <2></2> cite <cite></cite> em <em></em> stron&! str <stron!></stron!> small <small></small> mark <mar;></mar;> dfn <dfn></dfn> abbr <a99r title=""></a99r> http://code.!oo!le.com/p/Cen-codin!/
acron m! acr <acron5m title=""></acron5m> time <time></time> pro&ress! pro& <pro!ress></pro!ress> meter <meter></meter> code <code></code> var <4ar></4ar> samp <samp></samp> kbd <;9d></;9d> sub <s39></s39> sup <s3p></s3p> span <span></span> i <i></i> b <9></9> bdo <9do dir=""></9do> bdo:r <9do dir="rtl"></9do> bdo:l <9do dir="ltr"></9do> rub <r395></r395> rt <rt></rt> rp <rp></rp> Edits ins <ins></ins> del <del></del> Embedded Content fi&ure! fi& <fi!3re></fi!3re> im& <im! src="" alt=""> iframe! ifr <iframe src="" frame9order="E"></iframe> embed! emb <em9ed src="" t5pe=""> ob)ect! ob) <o9Aect data="" t5pe=""></o9Aect> ?
param video audio <param name="" 4al3e=""> <4ideo src=""></4ideo>
<a3dio src=""></a3dio> source! src <so3rce> canvas <can4as></can4as> map <map name=""></map> map( <map name=""> <area shape="" coords="" href="" alt=""> </map> area <area shape="" coords="" href="" alt=""> area:d <area shape="defa3lt" href="" alt=""> area:c <area shape="circle" coords="" href="" alt=""> area:r <area shape="rect" coords="" href="" alt=""> area:p <area shape="pol5" coords="" href="" alt=""> Tabular Data table <ta9le></ta9le> table( <ta9le> <tr> <td></td> </tr> </ta9le> caption! cap <caption></caption> col&roup! col& <col!ro3p></col!ro3p> col&roup(! col&( <col!ro3p> <col> </col!ro3p> col <col> tbod <t9od5></t9od5> thead <thead></thead> tfoot <tfoot></tfoot> tr <tr></tr>
D/+ Deneral )39lic License 4
tr( <tr> th td form form:&et <form action=""></form> <form action="" method="!et"></form> form:post <form action="" method="post"></form> fieldset! fset <fieldset></fieldset> le&end! le& <le!end></le!end> label <la9el for=""></la9el> input <inp3t t5pe=""> input:hidden! input:h <inp3t t5pe="hidden" 4al3e=""> input:text! input:t <inp3t t5pe="text" 4al3e="" id=""> input:search <inp3t t5pe="search" 4al3e="" id=""> input:email <inp3t t5pe="email" 4al3e="" id=""> input:url <inp3t t5pe="3rl" 4al3e="" id=""> input:password! input:p <inp3t t5pe="password" 4al3e="" id=""> input:datetime <inp3t t5pe="datetime" 4al3e="" id=""> input:datetime*local <inp3t t5pe="datetime-local" 4al3e="" id=""> input:date <inp3t t5pe="date" 4al3e="" id=""> input:month <inp3t t5pe="month" 4al3e="" id=""> input:week <inp3t t5pe="wee;" 4al3e="" id=""> input:time <inp3t t5pe="time" 4al3e="" id=""> input:number <inp3t t5pe="n3m9er" 4al3e="" id=""> input:ran&e <inp3t t5pe="ran!e" 4al3e="" id=""> input:color <inp3t t5pe="color" 4al3e="" id=""> </tr> <td></td>
<th></th> <td></td> Forms
input:checkbox! input:c <inp3t t5pe="chec;9ox" id=""> input:radio! input:r <inp3t t5pe="radio" id=""> input:file! input:f <inp3t t5pe="file" id=""> input:submit! input:s <inp3t t5pe="s39mit" 4al3e=""> input:ima&e! input:i <inp3t t5pe="ima!e" src="" alt=""> input:reset <inp3t t5pe="reset" 4al3e=""> input:button! input:b <inp3t t5pe="93tton" 4al3e=""> button! btn <93tton></93tton> select <select id=""></select> select( <select id=""> <option 4al3e=""></option> </select> opt&roup! opt& <opt!ro3p></opt!ro3p> opt&roup(! opt&( <opt!ro3p> <option></option> </opt!ro3p> option! opt <option></option> Interactive Elements data&rid! data& <data!rid></data!rid> datalist! datal <datalist></datalist> textarea! tarea <textarea id="" cols=" E" rows=""E"></textarea> ke &en! k& <;e5!en> output! out <o3tp3t></o3tp3t> details! det <details></details> command! cmd <command> bb <99></99> menu <men3></men3> menu:context! menu:c <men3 t5pe="context"></men3> menu:toolbar! menu:t <men3 t5pe="tool9ar"></men3>
Comments cc:ie cc:noie <$--Fif ,*G><$FendifG--> <$--Fif $,*G><$--><$--<$FendifG-->
Zen HTML +electors

E#name div,name <di4 id="name"></di4> E name div-name <di4 class="name"></di4> div-one-two <di4 class="one two"></di4> div,name-one-two <di4 id="name" class="one two"></di4> E!E head.link <head> <lin;/> </head> table.tr.td <ta9le> <tr> <td></td> </tr> </ta9le> ul,name.li-item <3l id="name"> <li class="item"></li> </3l> E"E p(p <p></p> <p></p> div,name.p-one(p-two <di4 id="name"> <p class="one"></p> <p class="two"></p> </di4>
Zen HTML /liases

E#$ p0$ <p></p> <p></p> <p></p> ul,name.li-item0$ <3l id="name"> <li class="item"></li> <li class="item"></li> <li class="item"></li> </3l>
http://code.!oo!le.com/p/Cen-codin!/
E#$% p-name*10$ <p class="name-""></p> <p class="name-?"></p> <p class="name- "></p> select.option,item*10$ <select> <option id="item-""></option> <option id="item-?"></option> <option id="item- "></option> </select> E" ul( <3l> <li></li> </3l> table( <ta9le> <tr> <td></td> </tr> </ta9le> dl( <dl> <dt></dt> <dd></dd> </dl>
4ositionin&
position:6 position:static6 position:a9sol3te6 position:relati4e6 position:fixed6 top:6 top:a3to6 ri!ht:6 ri!ht:a3to6 9ottom:6 9ottom:a3to6 left:6 left:a3to6 C-index:6 C-index:a3to6 pos pos:s pos:a pos:r pos:f t t:a r r:a 9 9:a l l:a C C:a fl fl:n fl:l fl:r cl cl:n cl:l cl:r cl:9 d d:n d:9 d:i d:i9 d:mi9 d:mis d:li d:ri d:cp d:t9 d:it9 d:t9cp d:t9cl d:t9cl! d:t9h! d:t9f! d:t9r d:t9r! d:t9c 4 4:4 4:h 4:c o4 o4:4 o4:h
5ox behavior and properties

float:6 float:none6 float:left6 float:ri!ht6 clear:6 clear:none6 clear:left6 clear:ri!ht6 clear:9oth6 displa5:6 displa5:none6 displa5:9loc;6 displa5:inline6 displa5:inline-9loc;6 displa5:-moC-inline-9ox:6 displa5:-moC-inline-stac;:6 displa5:list-item6 displa5:r3n-in6 displa5:compact6 displa5:ta9le6 displa5:inline-ta9le6 displa5:ta9le-caption6 displa5:ta9le-col3mn6 displa5:ta9le-col3mn-!ro3p6 displa5:ta9le-header-!ro3p6 displa5:ta9le-footer-!ro3p6 displa5:ta9le-row6 displa5:ta9le-row-!ro3p6 displa5:ta9le-cell6 4isi9ilit5:6 4isi9ilit5:4isi9le6 4isi9ilit5:hidden6 4isi9ilit5:collapse6 o4erflow:6 o4erflow:4isi9le6 o4erflow:hidden6
Zen 2++ properties

Based on '== )ropert5 draft specification >lias Hi Hm Hf
+pecial 3ules
Himport 3rlIJ6 Hmedia print K L Hfont-face K font-famil5:6 src:3rlIJ6 L $important expression IJ
+i6in&
o4erflow:scroll6 o4erflow:a3to6 o4erflow-x:6 o4erflow-x:4isi9le6 o4erflow-x:hidden6 o4erflow-x:scroll6 o4erflow-x:a3to6 o4erflow-5:6 o4erflow-5:4isi9le6 o4erflow-5:hidden6 o4erflow-5:scroll6 o4erflow-5:a3to6 o4erflow-st5le:6 o4erflow-st5le:a3to6 o4erflow-st5le:scroll9ar6 o4erflow-st5le:panner6 o4erflow-st5le:mo4e6 o4erflow-st5le:mar23ee6 Coom:"6 clip:6 clip:a3to6 clip:rectIE E E EJ6 9ox-siCin!:6 9ox-siCin!:content-9ox6 9ox-siCin!:9order-9ox6 9ox-shadow:6 9ox-shadow:none6 9ox-shadow:E E E NEEE6 -we9;it-9ox-shadow:6 -we9;it-9ox-shadow:E E E NEEE6 -moC-9ox-shadow:6 -moC-9ox-shadow:E E E E NEEE6 mar!in:6 mar!in:a3to6 mar!in:E6 mar!in:E E6 mar!in:E E E6 mar!in:E E E E6 mar!in-top:6 mar!in-top:a3to6 mar!in-ri!ht:6 mar!in-ri!ht:a3to6 mar!in-9ottom:6 mar!in-9ottom:a3to6 mar!in-left:6 mar!in-left:a3to6 paddin!:6 paddin!:E6 paddin!:E E6 paddin!:E E E6 paddin!:E E E E6 paddin!-top:6 paddin!-ri!ht:6
o4:s o4:a o4x o4x:4 o4x:h o4x:s o4x:a o45 o45:4 o45:h o45:s o45:a o4s o4s:a o4s:s o4s:p o4s:m o4s:m2 Coo cp cp:a cp:r 9xC 9xC:c9 9xC:99 9xsh 9xsh:n 9xsh< 9xsh:w 9xsh:w< 9xsh:m 9xsh:m< m m:a m:E m:? m: m:1 mt mt:a mr mr:a m9 m9:a ml ml:a p p:E p:? p: p:1 pt pr
&roperties Groups +ortin& Methods

)ositionin! Box 9eha4ior and properties =iCin! 'olor appearance =pecial content t5pes Text Mis3al properties )rint
$ exp
2olor appearance
paddin!-9ottom:6 paddin!-left:6 width:6 width:a3to6 hei!ht:6 hei!ht:a3to6 max-width:6 max-width:none6 max-hei!ht:6 max-hei!ht:none6 min-width:6 min-hei!ht:6
p9 pl w w:a h h:a maw maw:n mah mah:n miw mih
o3tline:6 o o3tline:none6 o:n o3tline:"px solid NEEE6 o< o3tline-offset:6 oo o3tline-width:6 ow o3tline-st5le:6 os o3tline-color:NEEE6 oc o3tline-color:in4ert6 oc:i 9order:6 9d 9order:none6 9d:n 9order:"px solid NEEE6 9d< 9order-9rea;:6 9d9; 9order-9rea;:close6 9d9;:c 9order-collapse:6 9dcl 9order-collapse:collapse6 9dcl:c 9order-collapse:separate6 9dcl:s 9order-color:NEEE6 9dc 9order-ima!e:3rlIJ6 9di 9order-ima!e:none6 9di:n -we9;it-9order-ima!e:6 9di:w -we9;it-9order-ima!e:3rlIJ E E E E stretch stretch6 9di:w< -moC-9order-ima!e:6 9di:m -moC-9order-ima!e:3rlIJ E E E E stretch stretch6 9di:m< 9order-top-ima!e:3rlIJ6 9dti 9order-top-ima!e:none6 9dti:n 9order-ri!ht-ima!e:3rlIJ6 9dri 9order-ri!ht-ima!e:none6 9dri:n 9order-9ottom-ima!e:3rlIJ6 9d9i 9order-9ottom-ima!e:none6 9d9i:n 9order-left-ima!e:3rlIJ6 9dli 9order-left-ima!e:none6 9dli:n 9order-corner-ima!e:3rlIJ6 9dci 9order-corner-ima!e:none6 9dci:n 9order-corner-ima!e:contin3e6 9dci:c 9order-top-left-ima!e:3rlIJ6 9dtli 9order-top-left-ima!e:none6 9dtli:n 9order-top-left-ima!e:contin3e6 9dtli:c 9order-top-ri!ht-ima!e:3rlIJ6 9dtri 9order-top-ri!ht-ima!e:none6 9dtri:n http://code.!oo!le.com/p/Cen-codin!/
9order-top-ri!ht-ima!e:contin3e6 9order-9ottom-ri!ht-ima!e:3rlIJ6 9order-9ottom-ri!ht-ima!e:none6 9order-9ottom-ri!ht-ima!e:contin3e6 9order-9ottom-left-ima!e:3rlIJ6 9order-9ottom-left-ima!e:none6 9order-9ottom-left-ima!e:contin3e6 9order-fit:6 9order-fit:clip6 9order-fit:repeat6 9order-fit:scale6 9order-fit:stretch6 9order-fit:o4erwrite6 9order-fit:o4erflow6 9order-fit:space6 9order-len!th:6 9order-len!th:a3to6 9order-spacin!:6 9order-st5le:6 9order-st5le:none6 9order-st5le:hidden6 9order-st5le:dotted6 9order-st5le:dashed6 9order-st5le:solid6 9order-st5le:do39le6 9order-st5le:dot-dash6 9order-st5le:dot-dot-dash6 9order-st5le:wa4e6 9order-st5le:!roo4e6 9order-st5le:rid!e6 9order-st5le:inset6 9order-st5le:o3tset6 9order-width:6 9order-top:6 9order-top:none6 9order-top:"px solid NEEE6 9order-top-width:6 9order-top-st5le:6 9order-top-st5le:none6 9order-top-color:NEEE6 9order-ri!ht:6 9order-ri!ht:none6 9order-ri!ht:"px solid NEEE6 9order-ri!ht-width:6 9order-ri!ht-st5le:6 9order-ri!ht-st5le:none6 9order-ri!ht-color:NEEE6 9order-9ottom:6 9order-9ottom:none6 9order-9ottom:"px solid NEEE6 9order-9ottom-width:6 9order-9ottom-st5le:6 9order-9ottom-st5le:none6 9order-9ottom-color:NEEE6 5
9dtri:c 9d9ri 9d9ri:n 9d9ri:c 9d9li 9d9li:n 9d9li:c 9df 9df:c 9df:r 9df:sc 9df:st 9df:ow 9df:of 9df:sp 9dlt 9dlt:a 9dsp 9ds 9ds:n 9ds:h 9ds:dt 9ds:ds 9ds:s 9ds:d9 9ds:dtds 9ds:dtdtds 9ds:w 9ds:! 9ds:r 9ds:i 9ds:o 9dw 9dt 9dt:n 9dt< 9dtw 9dts 9dts:n 9dtc 9dr 9dr:n 9dr< 9drw 9drs 9drs:n 9drc 9d9 9d9:n 9d9< 9d9w 9d9s 9d9s:n 9d9c
9order-left:6 9dl 9order-left:none6 9dl:n 9order-left:"px solid NEEE6 9dl< 9order-left-width:6 9dlw 9order-left-st5le:6 9dls 9order-left-st5le:none6 9dls:n 9order-left-color:NEEE6 9dlc 9order-radi3s:6 9drC -we9;it-9order-radi3s:6 9drC:w -moC-9order-radi3s:6 9drC:m 9order-top-ri!ht-radi3s:6 9dtrrC 9order-top-left-radi3s:6 9dtlrC 9order-9ottom-ri!ht-radi3s:6 9d9rrC 9order-9ottom-left-radi3s:6 9d9lrC 9ac;!ro3nd:6 9! 9ac;!ro3nd:none6 9!:n 9ac;!ro3nd:N777 3rlIJ E E no-repeat6 9!< filter:pro!id:%:,ma!eTransform.Microsoft.>lpha,ma!e LoaderIsrc=OOPsiCin!Method=OcropOJ6 9!:ie 9ac;!ro3nd-color:N7776 9!c 9ac;!ro3nd-color:transparent6 9!c:t 9ac;!ro3nd-ima!e:3rlIJ6 9!i 9ac;!ro3nd-ima!e:none6 9!i:n 9ac;!ro3nd-repeat:6 9!r 9ac;!ro3nd-repeat:repeat6 9!r:r 9ac;!ro3nd-repeat:repeat-x6 9!r:x 9ac;!ro3nd-repeat:repeat-56 9!r:5 9ac;!ro3nd-repeat:no-repeat6 9!r:n 9ac;!ro3nd-attachment:6 9!a 9ac;!ro3nd-attachment:fixed6 9!a:f 9ac;!ro3nd-attachment:scroll6 9!a:s 9ac;!ro3nd-position:E E6 9!p 9ac;!ro3nd-position-x:6 9!px 9ac;!ro3nd-position-5:6 9!p5 9ac;!ro3nd-9rea;:6 9!9; 9ac;!ro3nd-9rea;:9o3ndin!-9ox6 9!9;:99 9ac;!ro3nd-9rea;:each-9ox6 9!9;:e9 9ac;!ro3nd-9rea;:contin3o3s6 9!9;:c 9ac;!ro3nd-clip:6 9!cp 9ac;!ro3nd-clip:9order-9ox6 9!cp:99 9ac;!ro3nd-clip:paddin!-9ox6 9!cp:p9 9ac;!ro3nd-clip:content-9ox6 9!cp:c9 9ac;!ro3nd-clip:no-clip6 9!cp:nc 9ac;!ro3nd-ori!in:6 9!o 9ac;!ro3nd-ori!in:paddin!-9ox6 9!o:p9 9ac;!ro3nd-ori!in:9order-9ox6 9!o:99 9ac;!ro3nd-ori!in:content-9ox6 9!o:c9 9ac;!ro3nd-siCe:6 9!C 9ac;!ro3nd-siCe:a3to6 9!C:a 9ac;!ro3nd-siCe:contain6 9!C:ct 9ac;!ro3nd-siCe:co4er6 9!C:c4 color:NEEE6 c
+pecial content t pes

ta9le-la5o3t:6 ta9le-la5o3t:a3to6 ta9le-la5o3t:fixed6 caption-side:6 caption-side:top6 caption-side:9ottom6 empt5-cells:6 empt5-cells:show6 empt5-cells:hide6 list-st5le:6 list-st5le:none6 list-st5le-position:6 list-st5le-position:inside6 list-st5le-position:o3tside6 list-st5le-t5pe:6 list-st5le-t5pe:none6 list-st5le-t5pe:disc6 list-st5le-t5pe:circle6 list-st5le-t5pe:s23are6 list-st5le-t5pe:decimal6 list-st5le-t5pe:decimal-leadin!-Cero6 list-st5le-t5pe:lower-roman6 list-st5le-t5pe:3pper-roman6 list-st5le-ima!e:6 list-st5le-ima!e:none6 23otes:6 23otes:none6 23otes:OQEE>BO OQEEBBO OQ?E"*O OQ?E"'O6 23otes:OQ?E"'O OQ?E"%O OQ?E"8O OQ?E"#O6 content:6 content:normal6 content:open-23ote6 content:no-open-23ote6 content:close-23ote6 content:no-close-23ote6 content:attrIJ6 content:co3nterIJ6 content:co3ntersIJ6 co3nter-increment:6 co3nter-reset:6 t9l t9l:a t9l:f cps cps:t cps:9 ec ec:s ec:h lis lis:n lisp lisp:i lisp:o list list:n list:d list:c list:s list:dc list:dclC list:lr list:3r lisi lisi:n 2 2:n 2:r3 2:en ct ct:n ct:o2 ct:no2 ct:c2 ct:nc2 ct:a ct:c ct:cs coi cor 4a 4a:s3p 4a:t 4a:tt 4a:m 4a:9l 4a:9 4a:t9 4a:s39 ta ta:l
Text
4ertical-ali!n:6 4ertical-ali!n:s3per6 4ertical-ali!n:top6 4ertical-ali!n:text-top6 4ertical-ali!n:middle6 4ertical-ali!n:9aseline6 4ertical-ali!n:9ottom6 4ertical-ali!n:text-9ottom6 4ertical-ali!n:s396 text-ali!n:6 text-ali!n:left6
text-ali!n:center6 text-ali!n:ri!ht6 text-ali!n:A3stif56 text-ali!n-last:6 text-ali!n-last:a3to6 text-ali!n-last:left6 text-ali!n-last:center6 text-ali!n-last:ri!ht6 text-decoration:6 text-decoration:none6 text-decoration:o4erline6 text-decoration:line-thro3!h6 text-decoration:3nderline6 text-emphasis:6 text-emphasis:none6 text-emphasis:accent6 text-emphasis:dot6 text-emphasis:circle6 text-emphasis:disc6 text-emphasis:9efore6 text-emphasis:after6 text-hei!ht:6 text-hei!ht:a3to6 text-hei!ht:font-siCe6 text-hei!ht:text-siCe6 text-hei!ht:max-siCe6 text-indent:6 text-indent:-####px6 text-A3stif5:6 text-A3stif5:a3to6 text-A3stif5:inter-word6 text-A3stif5:inter-ideo!raph6 text-A3stif5:inter-cl3ster6 text-A3stif5:distri93te6 text-A3stif5:;ashida6 text-A3stif5:ti9etan6 text-o3tline:6 text-o3tline:none6 text-o3tline:E E NEEE6 text-replace:6 text-replace:none6 text-transform:6 text-transform:none6 text-transform:3ppercase6 text-transform:capitaliCe6 text-transform:lowercase6 text-wrap:6 text-wrap:normal6 text-wrap:none6 text-wrap:3nrestricted6 text-wrap:s3ppress6 text-shadow:6 text-shadow:none6 text-shadow:E E E NEEE6 B
ta:c ta:r ta:A tal tal:a tal:l tal:c tal:r td td:n td:o td:l td:3 te te:n te:ac te:dt te:c te:ds te:9 te:a th th:a th:f th:t th:m ti ti:tA tA:a tA:iw tA:ii tA:ic tA:d tA:; tA:t to to:n to< tr tr:n tt tt:n tt:3 tt:c tt:l tw tw:n tw:no tw:3 tw:s tsh tsh:n tsh<
line-hei!ht:6 lh white-space:6 whs white-space:normal6 whs:n white-space:pre6 whs:p white-space:nowrap6 whs:nw white-space:pre-wrap6 whs:pw white-space:pre-line6 whs:pl white-space-collapse:6 whsc white-space-collapse:normal6 whsc:n white-space-collapse:;eep-all6 whsc:; white-space-collapse:loose6 whsc:l white-space-collapse:9rea;-strict6 whsc:9s white-space-collapse:9rea;-all6 whsc:9a word-9rea;:6 wo9 word-9rea;:normal6 wo9:n word-9rea;:;eep-all6 wo9:; word-9rea;:loose6 wo9:l word-9rea;:9rea;-strict6 wo9:9s word-9rea;:9rea;-all6 wo9:9a word-spacin!:6 wos word-wrap:6 wow word-wrap:normal6 wow:n word-wrap:none6 wow:no word-wrap:3nrestricted6 wow:3 word-wrap:s3ppress6 wow:s letter-spacin!:6 lts font:6 f font:"em >rialPsans-serif6 f< font-wei!ht:6 fw font-wei!ht:normal6 fw:n font-wei!ht:9old6 fw:9 font-wei!ht:9older6 fw:9r font-wei!ht:li!hter6 fw:lr font-st5le:6 fs font-st5le:normal6 fs:n font-st5le:italic6 fs:i font-st5le:o9li23e6 fs:o font-4ariant:6 f4 font-4ariant:normal6 f4:n font-4ariant:small-caps6 f4:sc font-siCe:6 fC font-siCe-adA3st:6 fCa font-siCe-adA3st:none6 fCa:n font-famil5:6 ff font-famil5:Deor!iaPOTimes /ew 0omanOPserif6 ff:s font-famil5:Hel4eticaP>rialPsans-serif6 ff:ss font-famil5:OMonot5pe 'orsi4aOPO'omic =ans M=OPc3rsi4e6 ff:c font-famil5:'apitalsP,mpactPfantas56 ff:f font-famil5:MonacoPO'o3rier /ewOPmonospace6 ff:m font-effect:6 fef font-effect:none6 fef:n font-effect:en!ra4e6 fef:e! font-effect:em9oss6 fef:e9 D/+ Deneral )39lic License 4
7isual properties
font-effect:o3tline6 font-emphasiCe:6 font-emphasiCe-position:6 font-emphasiCe-position:9efore6 font-emphasiCe-position:after6 font-emphasiCe-st5le:6 font-emphasiCe-st5le:none6 font-emphasiCe-st5le:accent6 font-emphasiCe-st5le:dot6 font-emphasiCe-st5le:circle6 font-emphasiCe-st5le:disc6 font-smooth:6 font-smooth:a3to6 font-smooth:ne4er6 font-smooth:alwa5s6 font-stretch:6 font-stretch:normal6 font-stretch:3ltra-condensed6 font-stretch:extra-condensed6 font-stretch:condensed6 font-stretch:semi-condensed6 font-stretch:semi-expanded6 font-stretch:expanded6 font-stretch:extra-expanded6 font-stretch:3ltra-expanded6
fef:o fem femp femp:9 femp:a fems fems:n fems:ac fems:dt fems:c fems:ds fsm fsm:a fsm:n fsm:aw fst fst:n fst:3c fst:ec fst:c fst:sc fst:se fst:e fst:ee fst:3e
pa!e-9rea;-inside:a3to6 pa!e-9rea;-inside:a4oid6 pa!e-9rea;-after:6 pa!e-9rea;-after:a3to6 pa!e-9rea;-after:alwa5s6 pa!e-9rea;-after:left6 pa!e-9rea;-after:ri!ht6 orphans:6 widows:6
p!9i:a p!9i:a4 p!9a p!9a:a p!9a:aw p!9a:l p!9a:r orp wid
opacit5:6 op filter:pro!id:%:,ma!eTransform.Microsoft.>lpha I&pacit5="EEJ6 op:ie -ms-filter:Opro!id:%:,ma!eTransform.Microsoft.>lpha I&pacit5="EEJO6 op:ms resiCe:6 rC resiCe:none6 rC:n resiCe:9oth6 rC:9 resiCe:horiContal6 rC:h resiCe:4ertical6 rC:4 c3rsor:6 c3r c3rsor:a3to6 c3r:a c3rsor:defa3lt6 c3r:d c3rsor:crosshair6 c3r:c c3rsor:hand6 c3r:ha c3rsor:help6 c3r:he c3rsor:mo4e6 c3r:m c3rsor:pointer6 c3r:p c3rsor:text6 c3r:t
4rint
pa!e-9rea;-9efore:6 pa!e-9rea;-9efore:a3to6 pa!e-9rea;-9efore:alwa5s6 pa!e-9rea;-9efore:left6 pa!e-9rea;-9efore:ri!ht6 pa!e-9rea;-inside:6 http://code.!oo!le.com/p/Cen-codin!/ p!99 p!99:a p!99:aw p!99:l p!99:r p!9i @
.: PDF version by Shayanlinux
!o"#ile$ in %#en%&&ice.or' (riter :.

Zen Coding Cheat Sheet

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Zen Coding Cheat Sheet

Uploaded by

Copyright:

Available Formats

Zen HTML Elements

head title base link link:css

param video audio <param name="" 4al3e=""> <4ideo src=""></4ideo>

D/+ Deneral )39lic License 4

<th></th> <td></td> Forms

Comments cc:ie cc:noie <$--Fif ,G><$FendifG--> <$--Fif $,G><$--><$--<$FendifG-->

Zen HTML +electors

Zen HTML /liases

D/+ Deneral )39lic License 4

5ox behavior and properties

Zen 2++ properties

&roperties Groups +ortin& Methods

D/+ Deneral )39lic License 4

p9 pl w w:a h h:a maw maw:n mah mah:n miw mih

D/+ Deneral )39lic License 4

+pecial content t pes

pa!e-9rea;-inside:a3to6 pa!e-9rea;-inside:a4oid6 pa!e-9rea;-after:6 pa!e-9rea;-after:a3to6 pa!e-9rea;-after:alwa5s6 pa!e-9rea;-after:left6 pa!e-9rea;-after:ri!ht6 orphans:6 widows:6

p!9i:a p!9i:a4 p!9a p!9a:a p!9a:aw p!9a:l p!9a:r orp wid

.: PDF version by Shayanlinux

!o"#ile$ in %#en%&&ice.or' (riter :.

D/+ Deneral )39lic License 4

You might also like