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>
</head>
<9od5></9od5>
</html>
html:xt
<$%&'T()* html )+BL,' "-//.'//%T% XHTML 1.0
Transitional//*/"
"http://www.w.or!/T0/xhtml"/%T%/xhtml"-
transitional.dtd">
xml:lan!="en">
<head>
<title></title>
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">
xml:lan!="en">
<head>
<title></title>
</head>
<9od5></9od5>
</html>
html:xxs
<$%&'T()* html )+BL,' "-//.'//%T% :HTML "."//*/"
"http://www.w.or!/T0/xhtml""/%T%/xhtml"".dtd">
xml:lan!="en">
<head>
<title></title>
</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></head>
title
<title></title>
base
<9ase href="">
link
<lin;>
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:win
content="text/html6charset=.in-"?5"">
meta:compat
<meta http-e23i4=":-+>-'ompati9le" content=",*=@">
stle
<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>
http://code.!oo!le.com/p/Cen-codin!/ " 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>
acronm! 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
<param name="" 4al3e="">
video
<4ideo src=""></4ideo>
audio
<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>
http://code.!oo!le.com/p/Cen-codin!/ ? D/+ Deneral )39lic License 4
tr(
<tr>
<td></td>
</tr>
th
<th></th>
td
<td></td>
Forms
form
<form action=""></form>
form:&et
<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="">
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
<$--Fif ,*G><$FendifG-->
cc:noie
<$--Fif $,*G><$--><$--<$FendifG-->
Zen HTML +electors
E#name
div,name
<di4 id="name"></di4>
Ename
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">
</3l>
http://code.!oo!le.com/p/Cen-codin!/ D/+ Deneral )39lic License 4
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>
Zen 2++ properties
Based on '== draft specification
)ropert5 >lias
+pecial 3ules
Himport 3rlIJ6 Hi
Hmedia print K Hm
L
Hfont-face K Hf
font-famil5:6
src:3rlIJ6
L
$important $
expression IJ exp
&roperties Groups
+ortin& Methods
)ositionin!
Box 9eha4ior and properties
=iCin!
'olor appearance
=pecial content t5pes
Text
Mis3al properties
)rint
4ositionin&
position:6 pos
position:static6 pos:s
position:a9sol3te6 pos:a
position:relati4e6 pos:r
position:fixed6 pos:f
top:6 t
top:a3to6 t:a
ri!ht:6 r
ri!ht:a3to6 r:a
9ottom:6 9
9ottom:a3to6 9:a
left:6 l
left:a3to6 l:a
C-index:6 C
C-index:a3to6 C:a
5ox behavior and properties
float:6 fl
float:none6 fl:n
float:left6 fl:l
float:ri!ht6 fl:r
clear:6 cl
clear:none6 cl:n
clear:left6 cl:l
clear:ri!ht6 cl:r
clear:9oth6 cl:9
displa5:6 d
displa5:none6 d:n
displa5:9loc;6 d:9
displa5:inline6 d:i
displa5:inline-9loc;6 d:i9
displa5:-moC-inline-9ox:6 d:mi9
displa5:-moC-inline-stac;:6 d:mis
displa5:list-item6 d:li
displa5:r3n-in6 d:ri
displa5:compact6 d:cp
displa5:ta9le6 d:t9
displa5:inline-ta9le6 d:it9
displa5:ta9le-caption6 d:t9cp
displa5:ta9le-col3mn6 d:t9cl
displa5:ta9le-col3mn-!ro3p6 d:t9cl!
displa5:ta9le-header-!ro3p6 d:t9h!
displa5:ta9le-footer-!ro3p6 d:t9f!
displa5:ta9le-row6 d:t9r
displa5:ta9le-row-!ro3p6 d:t9r!
displa5:ta9le-cell6 d:t9c
4isi9ilit5:6 4
4isi9ilit5:4isi9le6 4:4
4isi9ilit5:hidden6 4:h
4isi9ilit5:collapse6 4:c
o4erflow:6 o4
o4erflow:4isi9le6 o4:4
o4erflow:hidden6 o4:h
o4erflow:scroll6 o4:s
o4erflow:a3to6 o4:a
o4erflow-x:6 o4x
o4erflow-x:4isi9le6 o4x:4
o4erflow-x:hidden6 o4x:h
o4erflow-x:scroll6 o4x:s
o4erflow-x:a3to6 o4x:a
o4erflow-5:6 o45
o4erflow-5:4isi9le6 o45:4
o4erflow-5:hidden6 o45:h
o4erflow-5:scroll6 o45:s
o4erflow-5:a3to6 o45:a
o4erflow-st5le:6 o4s
o4erflow-st5le:a3to6 o4s:a
o4erflow-st5le:scroll9ar6 o4s:s
o4erflow-st5le:panner6 o4s:p
o4erflow-st5le:mo4e6 o4s:m
o4erflow-st5le:mar23ee6 o4s:m2
Coom:"6 Coo
clip:6 cp
clip:a3to6 cp:a
clip:rectIE E E EJ6 cp:r
9ox-siCin!:6 9xC
9ox-siCin!:content-9ox6 9xC:c9
9ox-siCin!:9order-9ox6 9xC:99
9ox-shadow:6 9xsh
9ox-shadow:none6 9xsh:n
9ox-shadow:E E E NEEE6 9xsh<
-we9;it-9ox-shadow:6 9xsh:w
-we9;it-9ox-shadow:E E E NEEE6 9xsh:w<
-moC-9ox-shadow:6 9xsh:m
-moC-9ox-shadow:E E E E NEEE6 9xsh:m<
+i6in&
mar!in:6 m
mar!in:a3to6 m:a
mar!in:E6 m:E
mar!in:E E6 m:?
mar!in:E E E6 m:
mar!in:E E E E6 m:1
mar!in-top:6 mt
mar!in-top:a3to6 mt:a
mar!in-ri!ht:6 mr
mar!in-ri!ht:a3to6 mr:a
mar!in-9ottom:6 m9
mar!in-9ottom:a3to6 m9:a
mar!in-left:6 ml
mar!in-left:a3to6 ml:a
paddin!:6 p
paddin!:E6 p:E
paddin!:E E6 p:?
paddin!:E E E6 p:
paddin!:E E E E6 p:1
paddin!-top:6 pt
paddin!-ri!ht:6 pr
http://code.!oo!le.com/p/Cen-codin!/ 1 D/+ Deneral )39lic License 4
paddin!-9ottom:6 p9
paddin!-left:6 pl
width:6 w
width:a3to6 w:a
hei!ht:6 h
hei!ht:a3to6 h:a
max-width:6 maw
max-width:none6 maw:n
max-hei!ht:6 mah
max-hei!ht:none6 mah:n
min-width:6 miw
min-hei!ht:6 mih
2olor appearance
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
9order-top-ri!ht-ima!e:contin3e6 9dtri:c
9order-9ottom-ri!ht-ima!e:3rlIJ6 9d9ri
9order-9ottom-ri!ht-ima!e:none6 9d9ri:n
9order-9ottom-ri!ht-ima!e:contin3e6 9d9ri:c
9order-9ottom-left-ima!e:3rlIJ6 9d9li
9order-9ottom-left-ima!e:none6 9d9li:n
9order-9ottom-left-ima!e:contin3e6 9d9li:c
9order-fit:6 9df
9order-fit:clip6 9df:c
9order-fit:repeat6 9df:r
9order-fit:scale6 9df:sc
9order-fit:stretch6 9df:st
9order-fit:o4erwrite6 9df:ow
9order-fit:o4erflow6 9df:of
9order-fit:space6 9df:sp
9order-len!th:6 9dlt
9order-len!th:a3to6 9dlt:a
9order-spacin!:6 9dsp
9order-st5le:6 9ds
9order-st5le:none6 9ds:n
9order-st5le:hidden6 9ds:h
9order-st5le:dotted6 9ds:dt
9order-st5le:dashed6 9ds:ds
9order-st5le:solid6 9ds:s
9order-st5le:do39le6 9ds:d9
9order-st5le:dot-dash6 9ds:dtds
9order-st5le:dot-dot-dash6 9ds:dtdtds
9order-st5le:wa4e6 9ds:w
9order-st5le:!roo4e6 9ds:!
9order-st5le:rid!e6 9ds:r
9order-st5le:inset6 9ds:i
9order-st5le:o3tset6 9ds:o
9order-width:6 9dw
9order-top:6 9dt
9order-top:none6 9dt:n
9order-top:"px solid NEEE6 9dt<
9order-top-width:6 9dtw
9order-top-st5le:6 9dts
9order-top-st5le:none6 9dts:n
9order-top-color:NEEE6 9dtc
9order-ri!ht:6 9dr
9order-ri!ht:none6 9dr:n
9order-ri!ht:"px solid NEEE6 9dr<
9order-ri!ht-width:6 9drw
9order-ri!ht-st5le:6 9drs
9order-ri!ht-st5le:none6 9drs:n
9order-ri!ht-color:NEEE6 9drc
9order-9ottom:6 9d9
9order-9ottom:none6 9d9:n
9order-9ottom:"px solid NEEE6 9d9<
9order-9ottom-width:6 9d9w
9order-9ottom-st5le:6 9d9s
9order-9ottom-st5le:none6 9d9s:n
9order-9ottom-color:NEEE6 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
http://code.!oo!le.com/p/Cen-codin!/ 5 D/+ Deneral )39lic License 4
+pecial content tpes
ta9le-la5o3t:6 t9l
ta9le-la5o3t:a3to6 t9l:a
ta9le-la5o3t:fixed6 t9l:f
caption-side:6 cps
caption-side:top6 cps:t
caption-side:9ottom6 cps:9
empt5-cells:6 ec
empt5-cells:show6 ec:s
empt5-cells:hide6 ec:h
list-st5le:6 lis
list-st5le:none6 lis:n
list-st5le-position:6 lisp
list-st5le-position:inside6 lisp:i
list-st5le-position:o3tside6 lisp:o
list-st5le-t5pe:6 list
list-st5le-t5pe:none6 list:n
list-st5le-t5pe:disc6 list:d
list-st5le-t5pe:circle6 list:c
list-st5le-t5pe:s23are6 list:s
list-st5le-t5pe:decimal6 list:dc
list-st5le-t5pe:decimal-leadin!-Cero6 list:dclC
list-st5le-t5pe:lower-roman6 list:lr
list-st5le-t5pe:3pper-roman6 list:3r
list-st5le-ima!e:6 lisi
list-st5le-ima!e:none6 lisi:n
23otes:6 2
23otes:none6 2:n
23otes:OQEE>BO OQEEBBO OQ?E"*O OQ?E"'O6 2:r3
23otes:OQ?E"'O OQ?E"%O OQ?E"8O OQ?E"#O6 2:en
content:6 ct
content:normal6 ct:n
content:open-23ote6 ct:o2
content:no-open-23ote6 ct:no2
content:close-23ote6 ct:c2
content:no-close-23ote6 ct:nc2
content:attrIJ6 ct:a
content:co3nterIJ6 ct:c
content:co3ntersIJ6 ct:cs
co3nter-increment:6 coi
co3nter-reset:6 cor
Text
4ertical-ali!n:6 4a
4ertical-ali!n:s3per6 4a:s3p
4ertical-ali!n:top6 4a:t
4ertical-ali!n:text-top6 4a:tt
4ertical-ali!n:middle6 4a:m
4ertical-ali!n:9aseline6 4a:9l
4ertical-ali!n:9ottom6 4a:9
4ertical-ali!n:text-9ottom6 4a:t9
4ertical-ali!n:s396 4a:s39
text-ali!n:6 ta
text-ali!n:left6 ta:l
text-ali!n:center6 ta:c
text-ali!n:ri!ht6 ta:r
text-ali!n:A3stif56 ta:A
text-ali!n-last:6 tal
text-ali!n-last:a3to6 tal:a
text-ali!n-last:left6 tal:l
text-ali!n-last:center6 tal:c
text-ali!n-last:ri!ht6 tal:r
text-decoration:6 td
text-decoration:none6 td:n
text-decoration:o4erline6 td:o
text-decoration:line-thro3!h6 td:l
text-decoration:3nderline6 td:3
text-emphasis:6 te
text-emphasis:none6 te:n
text-emphasis:accent6 te:ac
text-emphasis:dot6 te:dt
text-emphasis:circle6 te:c
text-emphasis:disc6 te:ds
text-emphasis:9efore6 te:9
text-emphasis:after6 te:a
text-hei!ht:6 th
text-hei!ht:a3to6 th:a
text-hei!ht:font-siCe6 th:f
text-hei!ht:text-siCe6 th:t
text-hei!ht:max-siCe6 th:m
text-indent:6 ti
text-indent:-####px6 ti:-
text-A3stif5:6 tA
text-A3stif5:a3to6 tA:a
text-A3stif5:inter-word6 tA:iw
text-A3stif5:inter-ideo!raph6 tA:ii
text-A3stif5:inter-cl3ster6 tA:ic
text-A3stif5:distri93te6 tA:d
text-A3stif5:;ashida6 tA:;
text-A3stif5:ti9etan6 tA:t
text-o3tline:6 to
text-o3tline:none6 to:n
text-o3tline:E E NEEE6 to<
text-replace:6 tr
text-replace:none6 tr:n
text-transform:6 tt
text-transform:none6 tt:n
text-transform:3ppercase6 tt:3
text-transform:capitaliCe6 tt:c
text-transform:lowercase6 tt:l
text-wrap:6 tw
text-wrap:normal6 tw:n
text-wrap:none6 tw:no
text-wrap:3nrestricted6 tw:3
text-wrap:s3ppress6 tw:s
text-shadow:6 tsh
text-shadow:none6 tsh:n
text-shadow:E E E NEEE6 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
http://code.!oo!le.com/p/Cen-codin!/ B D/+ Deneral )39lic License 4
font-effect:o3tline6 fef:o
font-emphasiCe:6 fem
font-emphasiCe-position:6 femp
font-emphasiCe-position:9efore6 femp:9
font-emphasiCe-position:after6 femp:a
font-emphasiCe-st5le:6 fems
font-emphasiCe-st5le:none6 fems:n
font-emphasiCe-st5le:accent6 fems:ac
font-emphasiCe-st5le:dot6 fems:dt
font-emphasiCe-st5le:circle6 fems:c
font-emphasiCe-st5le:disc6 fems:ds
font-smooth:6 fsm
font-smooth:a3to6 fsm:a
font-smooth:ne4er6 fsm:n
font-smooth:alwa5s6 fsm:aw
font-stretch:6 fst
font-stretch:normal6 fst:n
font-stretch:3ltra-condensed6 fst:3c
font-stretch:extra-condensed6 fst:ec
font-stretch:condensed6 fst:c
font-stretch:semi-condensed6 fst:sc
font-stretch:semi-expanded6 fst:se
font-stretch:expanded6 fst:e
font-stretch:extra-expanded6 fst:ee
font-stretch:3ltra-expanded6 fst:3e
7isual properties
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 p!99
pa!e-9rea;-9efore:a3to6 p!99:a
pa!e-9rea;-9efore:alwa5s6 p!99:aw
pa!e-9rea;-9efore:left6 p!99:l
pa!e-9rea;-9efore:ri!ht6 p!99:r
pa!e-9rea;-inside:6 p!9i
pa!e-9rea;-inside:a3to6 p!9i:a
pa!e-9rea;-inside:a4oid6 p!9i:a4
pa!e-9rea;-after:6 p!9a
pa!e-9rea;-after:a3to6 p!9a:a
pa!e-9rea;-after:alwa5s6 p!9a:aw
pa!e-9rea;-after:left6 p!9a:l
pa!e-9rea;-after:ri!ht6 p!9a:r
orphans:6 orp
widows:6 wid
.: PDF version by Shayanlinux !o"#ile$ in %#en%&&ice.or' (riter :.
http://code.!oo!le.com/p/Cen-codin!/ @ D/+ Deneral )39lic License 4

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

Based on HTML 5 specification draft.

You might also like