Sublime Text 2 Cheat Sheet

Cheat Sheet
http://docs.emmet.io/cheat-sheet/
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> 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> 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>
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
1 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
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>. ! a a:link <a href=" "> </a> a:mail <a href="mailto: "> </a> acronym <acronym title=" "> </acronym> basefont <basefont /> frame <frame /> bdo <bdo dir=" "> </bdo> bdo:l <bdo dir="ltr"> </bdo> link:css <link rel="stylesheet" href=" style .css" /> col <col /> link:print <link rel="stylesheet" href=" print .css" media="print" /> hr <hr /> bdo:r <bdo dir="rtl"> </bdo> link <link rel="stylesheet" href=" " /> 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 " /> meta <meta /> meta:utf <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> link:atom <link rel="alternate" type="application/atom+xml" title="Atom" href=" atom.xml " /> meta:win <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> style <style> </style> script <script> </script> script:src <script src=" "> </script> iframe <iframe src=" " frameborder="0"> </iframe> param <param name=" " value=" " /> map <map name=" "> </map> embed <embed src=" " type=" " /> img <img src=" " alt=" " /> object <object data=" " type=" "> </object> 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=" " /> br <br /> <a href="http:// "> </a> abbr <abbr title=" "> </abbr> base <base href=" " />
Alias of html:5
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title> Document </title> </head> <body> </body> </html>
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 " />
2 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
area:p <area shape="poly" coords=" " href=" " alt=" " /> form:post <form action=" " method="post"> </form> inp <input type=" text " name=" " id=" " /> input:hidden label <label for=" "> </label> form <form action=" "> </form> form:get
<form action=" " method="get"> </form> input <input type=" text " />
Alias of input[type=hidden name]

<input type="hidden" name=" " />
input:h
input:text, input:t
input:search
Alias of input:hidden
<input type="hidden" name=" " />
Alias of inp
<input type=" text " name=" " id=" " />
Alias of inp[type=search]
<input type="search" name=" " id=" " /> input:email
Alias of inp[type=email]
<input type="email" name=" " id=" " /> input:url input:password input:p
Alias of inp[type=url]
<input type="url" name=" " id=" " /> input:datetime
Alias of inp[type=password]
<input type="password" name=" " id=" " /> input:date
Alias of input:password
<input type="password" name=" " id=" " /> input:datetime-local
Alias of inp[type=datetime]
<input type="datetime" name=" " id=" " />
Alias of inp[type=date]
<input type="date" name=" " id=" " />
Alias of inp[type=datetimelocal]
<input type="datetime-local" name=" " id=" " /> input:time
input:month
input:week
Alias of inp[type=month]
<input type="month" name=" " id=" " /> input:number
Alias of inp[type=week]
<input type="week" name=" " id=" " /> input:color
Alias of inp[type=time]
<input type="time" name=" " id=" " /> input:checkbox
Alias of inp[type=number]
<input type="number" name=" " id=" " /> input:c
Alias of inp[type=color]
<input type="color" name=" " id=" " /> input:radio
Alias of inp[type=checkbox]
<input type="checkbox" name=" " id=" " /> input:r
Alias of input:checkbox
<input type="checkbox" name=" " id=" " /> input:range
Alias of inp[type=radio]
<input type="radio" name=" " id=" " /> input:file
Alias of input:radio
<input type="radio" name=" " id=" " /> input:f
Alias of inp[type=range]
<input type="range" name=" " id=" " /> input:submit <input type="submit" value=" " />
Alias of inp[type=file]
<input type="file" name=" " id=" " /> input:s
Alias of input:file
<input type="file" name=" " id=" " /> input:image <input type="image" src=" " alt=" " /> input:i
Alias of input:submit
<input type="submit" value=" " />
Alias of input:image
<input type="image" src=" " alt=" " /> input:button <input type="button" value=" " /> input:b isindex <isindex /> input:reset
Alias of input:button
<input type="button" value=" " />
Alias of input:button[type=reset]
<input type="reset" value=" " /> select <select name=" " id=" "> </select> option <option value=" "> </option> textarea <textarea name=" " id=" " cols=" 30 " rows=" 10 "> </textarea>
3 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
menu:context menu:c menu:toolbar
Alias of menu[type=context]>
<menu type="context"> </menu> menu:t
Alias of menu:context
<menu type="context"> </menu> video <video src=" "> </video> html:xml <html xmlns="http://www.w3.org /1999/xhtml"> </html>
Alias of menu[type=toolbar]>
<menu type="toolbar"> </menu> audio <audio src=" "> </audio> keygen <keygen /> command <command />
Alias of menu:toolbar
<menu type="toolbar"> </menu>
bq
acr
fig
Alias of blockquote
<blockquote> </blockquote> figc ifr
Alias of acronym
<acronym title=" "> </acronym> emb
Alias of figure
<figure> </figure>
Alias of figcaption
<figcaption> </figcaption>
Alias of iframe
<iframe src=" " frameborder="0"> </iframe> obj
Alias of embed
<embed src=" " type=" " />
Alias of object
<object data=" " type=" "> </object> src cap colg
Alias of source
<source> </source> fst, fset btn
Alias of caption
<caption> </caption>
Alias of colgroup
<colgroup> </colgroup> btn:b
Alias of fieldset
<fieldset> </fieldset> btn:r
Alias of button
<button> </button> btn:s
Alias of button[type=button]
<button type="button"> </button> optg
Alias of button[type=reset]
<button type="reset"> </button> opt
Alias of button[type=submit]
<button type="submit"> </button> tarea leg
Alias of optgroup
<optgroup> </optgroup>
Alias of option
<option value=" "> </option>
Alias of textarea
<textarea name=" " id=" " cols=" 30 " rows=" 10 "> </textarea>
Alias of legend
<legend> </legend> sect
Alias of section
<section> </section> art hdr ftr
Alias of article
<article> </article> adr dlg
Alias of header
<header> </header> str
Alias of footer
<footer> </footer>
Alias of address
<address> </address> prog
Alias of dialog
<dialog> </dialog> datag
Alias of strong
<strong> </strong> datal
Alias of progress
<progress> </progress> kg out
Alias of datagrid
<datagrid> </datagrid> det
Alias of datalist
<datalist> </datalist>
Alias of keygen
<keygen /> cmd
Alias of output
<output> </output>
Alias of details
<details> </details>
Alias of command
<command />
4 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
doc doc4 html:4t
Alias of html>(head>meta[charset=UTF8]+title{${1:Document}})+body
<html> <head> <meta charset="UTF-8" /> <title> Document </title> </head> <body> </body> </html>
Alias of html>(head>meta[httpequiv="Content-Type" content="text/html; charset=${charset}"]+title{${1:D ocument}})+body

<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title> Document </title> </head> <body> </body> </html>
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
html:xt
html:xs
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>
Alias of !!!xt+doc4[xmlns=http://www.w3.o rg/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>
Alias of !!!xs+doc4[xmlns=http://www.w3.o rg/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> ol+
html:xxs
html:5
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> map+
Alias of !!!+doc[lang=${lang}]
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title> Document </title> </head> <body> </body> </html> dl+ ul+
Alias of ol>li
<ol> <li> </li> </ol>
Alias of ul>li
<ul> <li> </li> </ul>
Alias of dl>dt+dd
<dl> <dt> </dt> <dd> </dd> </dl> table+ colgroup+, colg+
Alias of map>area
<map name=" "> <area shape=" " coords=" " href=" " alt=" " /> </map>
Alias of table>tr>td
<table> <tr> <td> </td> </tr> </table> tr+
Alias of colgroup>col
<colgroup> <col /> </colgroup>
Alias of tr>td
<tr> <td> </td> </tr>
5 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
select+ optgroup+, optg+ !!! <!doctype html> !!!4t
Alias of select>option
<select name=" " id=" "> <option value=" "> </option> </select>
Alias of optgroup>option
<optgroup> <option value=" "> </option> </optgroup>
<!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"> c <!-${child} -->
!!!xs <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1 /DTD/xhtml1-strict.dtd"> cc:ie6 
!!!xxs <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org /TR/xhtml11/DTD/xhtml11.dtd"> cc:ie 
cc:noie  ${child} 
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 pos:r t r:a l z:a top: ; right:auto; left: ; z-index:auto; t:a b l:a fl position:static; position:relative; top:auto; bottom: ; left:auto; float: left ; pos:a pos:f r b:a z fl:n fl:l fl:r float:right; cl clear: both ; cl:n cl:l cl:r d:n d:ib d:cp d:tbcp clear:right; display:none; display:inline-block; display:compact; display:tablecaption; display:table-headergroup; cl:b d:b d:li d:tb d:tbcl clear:both; display:block; display:list-item; display:table; display:table-column; d d:i d:ri d:itb d:tbclg position:absolute; position:fixed; right: ; bottom:auto; z-index: ; float:none; float:left; clear:none; clear:left; display: block ; display:inline; display:run-in; display:inline-table; display:table-columngroup; display:table-row; display:tablerow-group; display:ruby-base; display:rubytext-group; v:v v:c ov:v ov:a overflow:visible; overflow:auto; ov:h ovx visibility:visible; visibility:collapse; overflow:hidden; overflow-x: hidden ; v:h ov ov:s ovx:v ovx:h ovx:s ovy:v ovy:a overflow-x:scroll; overflow-y:visible; overflow-y:auto; ovx:a ovy:h overflow-x:auto; overflow-y:hidden; ovy ovy:s visibility:hidden; overflow: hidden ; overflow:scroll; overflow-x:visible; overflow-x:hidden; overflow-y: hidden ; overflow-y:scroll;
d:tbhg
d:tbfg
display:table-footergroup;
d:tbr d:tbrg
d:tbc d:rbbg
display:table-cell; display:rubybase-group;
d:rb d:rbt
display:ruby; display:ruby-text;
d:rbb d:rbtg
visibility: hidden ;
6 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
ovs overflow-style: scrollbar ; ovs:p overflowstyle:panner; ovs:m ovs:mq ovs:a overflow-style:auto; ovs:s
overflowstyle:scrollbar; overflow-style:move; overflowstyle:marquee; clip:auto; resize:none; resize:horizontal; cursor:${pointer}; cursor:crosshair; cursor:move;
zoo, zm cp:r
zoom:1; clip:rect( top right left ); bottom
cp rsz rsz:b rsz:v
clip: ; resize: ; resize:both; resize:vertical; cursor:default; cursor:help; cursor:text;
cp:a rsz:n rsz:h cur cur:c cur:m
cur:a cur:ha cur:p
cursor:auto; cursor:hand; cursor:pointer;
cur:d cur:he cur:t
Margin & Padding

m mt:a mb ml:a pr margin: ; margin-top:auto; margin-bottom: ; margin-left:auto; padding-right: ; m:a mr mb:a p pb margin:auto; margin-right: ; margin-bottom:auto; padding: ; padding-bottom: ; mt mr:a ml pt pl margin-top: ; margin-right:auto; margin-left: ; padding-top: ; padding-left: ;
Box Sizing
bxz box-sizing: border-box ; bxsh bxz:cb box-sizing:content-bo x; box-shadow: inset hoff color ; , bxsh:ra box-shadow: inset h 0 , v blur rgba( 0 , 0 , . 5 ); spread bxsh:n w:a h:a maw:n mah:n max-height:none; miw box-shadow:none; width:auto; height:auto; max-width:none; min-width: ; w h maw mah mih voff blur bxz:bb box-sizing:border-box ; box-shadow: inset hoff spread 0 ); voff blur 0 rgb( 0 ,
bxsh:r
width: ; height: ; max-width: ; max-height: ; min-height: ;
Font
f font: ; f+ font: 1em Arial,sans-serif ; fw:b fs fs:o fv:sc font-weight:bold; font-style:${italic}; font-style:oblique; font-variant:small-ca ps; fw:br fs:n fv fz fza:n font-weight:bolder; font-style:normal; font-variant: ; font-size: ; font-sizeadjust:none; ff:ss ff:c ff:m fw fw:n fw:lr fs:i fv:n fza ff ff:s ff:f ff:a font-weight: ; font-weight:normal; font-weight:lighter; font-style:italic; font-variant:normal; font-size-adjust: ; font-family: ; font-family:serif; font-family:fantasy; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; fef:eg fem femp:a font-effect:engrave; font-emphasize: ; font-emphasizeposition:after; fems:ac font-emphasizestyle:accent;
font-family:sansserif;
font-family:cursive; font-family:monospace ;
fef fef:eb femp
font-effect: ; font-effect:emboss; font-emphasizeposition: ;
fef:n fef:o femp:b
font-effect:none; font-effect:outline; font-emphasizeposition:before;
fems
font-emphasize-style: ;
fems:n
font-emphasizestyle:none;
7 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
fems:dt font-emphasizestyle:dot; fsm fsm:aw fst:uc font-smooth: ; font-smooth:always; font-stretch:ultracondensed; fst:sc font-stretch:semicondensed; fst:ee font-stretch:extraexpanded; fst:ue fst:se fsm:a fst fst:ec fems:c font-emphasizestyle:circle; font-smooth:auto; font-stretch: ; font-stretch:extracondensed; font-stretch:semiexpanded; font-stretch:ultraexpanded; fst:e fsm:n fst:n fst:c fems:ds
font-emphasizestyle:disc; font-smooth:never; font-stretch:normal; font-stretch:condense d; font-stretch:expanded ;
Text
va vertical-align: top ; va:sup va:tt vertical-align:super; verticalalign:text-top; verticalalign:bottom; text-align: left ; va:t va:m vertical-align:top; verticalalign:middle; va:tb vertical-align:textbottom; text-align:left; text-align:center; text-align-last: ; text-alignlast:center; tal:r text-alignlast:right; td text-decoration: none ; td:n td:u text-decoration:none; text-decoration:under line; td:o text-decoration:overl ine; te:ac te:ds th te:dt te:b th:a td:l text-decoration:linethrough; te te:n te:c te:a th:f text-emphasis: ; text-emphasis:none; text-emphasis:circle; text-emphasis:after; text-height:font-size ; text-indent: ; text-justify: ; text-justify:interideograph; text-justify:kashida; text-justify:tibetan; text-outline:none; text-replace: ; text-transform:none; text-transform:capita lize; tt:u text-transform:upperc ase; tw:no tw:u tt:l text-transform:lowerc ase; tw tw:n tw:s tsh text-wrap: ; text-wrap:normal; text-wrap:suppress; text-shadow: hoff voff tsh:r text-shadow: h blur 0 ); lh whs:n line-height: ; white-space:normal; lts whs:p rgb( 0 , v 0 , , tsh:ra text-shadow: h blur rgba( 0 , 0 , . 5 ); v 0 tsh:n whs whs:nw tsh+ blur #000 ; 0
va:bl
verticalalign:baseline; vertical-align:sub;
va:b
va:sub
ta
ta:l ta:c
ta:r tal:a
text-align:right; text-align-last:auto;
ta:j tal:l
text-align:justify; text-align-last:left;
ta-lst tal:c
text-emphasis:accent; text-emphasis:disc; text-height: ;
text-emphasis:dot; text-emphasis:before; text-height:auto;
th:t
text-height:text-size ;
th:m ti:tj:iw
text-height:max-size; text-indent:-9999px; text-justify:inter-wo rd; text-justify:distribu te;
ti tj tj:ii
tj:a
text-justify:auto;
tj:ic
text-justify:intercluster;
tj:d
tj:k tj:t to:n tr tt:n tt:c
to
text-outline: ;
to+
text-outline: 0 #000 ;
tr:n
text-replace:none;
tt
text-transform: uppercase ;
text-wrap:none;
text-wrap:unrestricte d;
text-shadow: 0 0 #000 ;
text-shadow:none; white-space: ; white-space:nowrap;
letter-spacing: ; white-space:pre;
8 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
whs:pw white-space:pre-wrap; whs:pl white-space:pre-line; whsc
white-space-collapse: ;
whsc:n
white-spacecollapse:normal;
whsc:k
white-spacecollapse:keep-all;
whsc:l
white-spacecollapse:loose;
whsc:bs
white-spacecollapse:breakstrict;
whsc:ba
white-spacecollapse:break-all;
wob wob:n wob:l wos wow:nm wow:s wow:b
word-break: ; word-break:normal; word-break:loose; word-spacing: ; word-wrap:normal; word-wrap:suppress; word-wrap:break-word;
wob:k wob:bs word-break:breakstrict; wow:n wob:ba wow wow:u
word-break:keep-all; word-break:break-all; word-wrap: ; word-wrap:unrestricte d;
word-wrap:none;
Background
bg background: ; bg+ background: #fff url( ) 0 0 no-repeat ; bgc:t backgroundcolor:transparent; bgr background-repeat: ; bgr:n bgi background-image:url( ); background-repeat:norepeat; bgr:y backgroundrepeat:repeat-y; bga backgroundattachment: ; bgp background-position: 0 0 ; bgbk bgpx bga:f bgr:sp backgroundrepeat:space; backgroundattachment:fixed; backgroundposition-x: ; background-break: ; bgbk:bb bgpy bga:s bgr:rd bgr:x bg:n bgc background:none; background-color:# fff ; bgi:n backgroundimage:none; backgroundrepeat:repeat-x; backgroundrepeat:round; backgroundattachment:scroll; backgroundposition-y: ; backgroundbreak:bounding-box; bgbk:eb backgroundbreak:each-box; bgcp:bb backgroundclip:border-box; bgcp:nc backgroundclip:no-clip; bgo:bb backgroundorigin:border-box; bgo:cb backgroundorigin:content-box; bgsz bgsz:a bgo bgcp:pb bgbk:c backgroundbreak:continuous; backgroundclip:padding-box; background-origin: ; bgo:pb bgcp:cb bgcp background-clip: padding-box ; backgroundclip:content-box; backgroundorigin:padding-box; background-size: ; background-size:auto;
bgsz:ct
backgroundsize:contain;
bgsz:cv
backgroundsize:cover;
Color
c color:# 000 ; c:r color:rgb( 0 , 0 ); op opacity: ; 0 , c:ra color:rgba( 0 , 0 , . 5 ); 0 ,
Generated content
cnt cnt:noq, ct:noq content:' '; content:noopen-quote; content:attr( ); content: ; quotes:'\00AB' '\00BB' '\201E' '\201C'; cnt:n, ct:n cnt:cq, ct:cq content:normal; content:close-quote; cnt:oq, ct:oq cnt:ncq, ct:ncq content:open-quote; content:no-closequote; content:counters( ); quotes:none; counter-increment: ; counter-reset: ;
cnt:a, ct:a ct q:ru
cnt:c, ct:c q q:en
content:counter( ); quotes: ; quotes:'\201C' '\201D' '\2018' '\2019';
cnt:cs, ct:cs q:n coi cor
Outline
ol olw olc:i outline: ; outline-width: ; outline-color:invert; ol:n ols outline:none; outline-style: ; olo olc outline-offset: ; outline-color:# 000 ;
9 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
Tables
tbl cps ec table-layout: ; caption-side: ; empty-cells: ; tbl:a cps:t ec:s table-layout:auto; caption-side:top; empty-cells:show; tbl:f cps:b ec:h table-layout:fixed; caption-side:bottom; empty-cells:hide;
Border
bd border: ; bd+ border: 1px #000 ; bdbk:c border-break:close; bdcl border-collapse: ; solid bd:n bdbk bdcl:c border:none; border-break: close ; bordercollapse:collapse; bdcl:s bordercollapse:separate; bdi border-image:url( ); bdi:n border-image:none; bdti bdc border-color:# 000 ; bdc:t bordercolor:transparent; border-top-image:url( ); border-rightimage:none; bdli borderleft-image:url( ); bdci:n border-cornerimage:none; border-top-leftimage:none; border-top-rightimage:none; border-bottom-rightimage:none; border-bottomleft-image:none; border-fit:clip; border-fit:repeat; border-fit:overwrite; border-length: ; border-style: ; border-style:dotted; border-style:double; border-style:wave; border-style:groove; border-style:outset; border-top: 1px solid bdt:n bdts:n border-top:none; bordertop-style:none; bdtw bdtc border-top-width: ; border-top-color:# 000 ; bdts bdtc:t #000 ;
bdti:n
bordertop-image:none;
bdri
border-rightimage:url( );
bdri:n
bdbi
border-bottomimage:url( );
bdbi:n
border-bottomimage:none;
bdli:n
borderleft-image:none; border-cornerimage:continue; border-top-leftimage:continue; border-top-rightimage:continue; border-bottom-rightimage:continue; border-bottomleft-image:continue;
bdci
border-cornerimage:url( ); border-top-leftimage:url( ); border-top-rightimage:url( ); border-bottom-rightimage:url( ); border-bottomleft-image:url( ); border-fit: repeat ;
bdci:c
bdtli
bdtli:n
bdtli:c
bdtri
bdtri:n
bdtri:c
bdbri
bdbri:n
bdbri:c
bdbli
bdbli:n
bdbli:c
bdf
bdf:c bdf:r
bdf:sc bdf:of bdlen:a bds:n bds:ds bds:dtds
border-fit:scale; border-fit:overflow; border-length:auto; border-style:none; border-style:dashed; borderstyle:dot-dash;
bdf:st bdf:sp bdsp bds:h bds:s bds:dtdtds
border-fit:stretch; border-fit:space; border-spacing: ; border-style:hidden; border-style:solid; border-style:dotdot-dash;
bdf:ow bdlen bds bds:dt bds:db bds:w bds:g bds:o bdt+
bds:r bdw
border-style:ridge; border-width: ;
bds:i bdt, bt
border-style:inset; border-top: ;
border-top-style: ; bordertop-color:transparent ; border-right:none; border-right-width: ; border-right-color:# 000 ;
bdr, br
border-right: ;
bdr+
border-right: 1px solid #000 ;
bdr:n bdrw bdrc
bdrst
border-right-style: ;
bdrst:n
border-rightstyle:none;
bdrc:t
border-rightcolor:transparent;
bdb, bb
border-bottom: ;
bdb+
border-bottom: 1px solid #000 ;
10 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
bdb:n border-bottom:none; bdbw border-bottom-width: ; bdbs:n border-bottomstyle:none; bdbc border-bottom-color:# 000 ; bdl, bl bdl+ border-left: 1px solid #000 ; bdl:n bdls border-left:none; border-left-style: ; bdlw bdls:n bdbc:t bdbs
border-bottom-style: ; border-bottomcolor:transparent; border-left: ; border-left-width: ; borderleft-style:none;
bdlc
border-left-color:# 000 ;
bdlc:t
borderleft-color:transparen t;
bdrs bdtrrs
border-radius: ; border-top-rightradius: ;
bdtlrs
border-top-leftradius: ;
bdbrrs
border-bottom-rightradius: ;
bdblrs
border-bottomleft-radius: ;
Lists
lis list-style: ; lis:n list-style:none; lisp list-style-position: ; list-style-type: ; list-style-type:none; list-styletype:square; list-styletype:lower-roman; list-styletype:upper-roman;
lisp:i
list-styleposition:inside;
lisp:o
list-styleposition:outside;
list list:n list:s
list:d
list-style-type:disc;
list:c
list-styletype:circle; list-styletype:decimalleading-zero;
list:dc
list-styletype:decimal;
list:dclz
list:lr
list:ur
lisi
list-style-image: ;
lisi:n
list-styleimage:none;
Print
pgbb page-break-before: ; pgbb:au page-breakbefore:auto; page-breakbefore:right; pgbb:al page-breakbefore:always; page-break-inside: ; page-breakinside:auto; pgbi:av page-breakinside:avoid; pgba:al page-breakafter:always; orp orphans: ; wid pgba:l page-breakafter:left; widows: ; pgba:r pgba page-break-after: ; pgba:au page-breakafter:auto; page-breakafter:right;
pgbb:l
page-breakbefore:left;
pgbb:r
pgbi pgbi:au
Others
! !important @f @font-face { font-family: ; src:url(|); }
11 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
@f+ @font-face { font-family: ' FontName '; src: url(' FileName .eot'); src: url(' FileName .eot?#iefix') format('embeddedopentype'), url(' FileName .woff') format('woff'), url(' FileName .ttf') format('truetype'), url(' FileName .svg# FontName ') format('svg'); font-style: normal ; font-weight: normal ; } } @m, @media @media screen { anim anim} } } } @i, @import @import url( ); @kf
@-webkit-keyframes identifier from to { { } { }
@-o-keyframes identifier from to { { } { }
@-moz-keyframes identifier from to { { } { }
@keyframes identifier from to { { } { }
animation: ; animation: name duration timing-function delay iteration-count direction fill-mode ;
animdel
animation-delay: time ;
animdir
animation-direction: normal ;
animdir:a
animationdirection:alternate; animationdirection:alternatereverse;
animdir:ar
animdir:n
animationdirection:normal;
animdir:r
animationdirection:reverse;
animdur
animation-duration: 0 s;
animfm
animation-fill-mode: both ;
animfm:b
animationfill-mode:backwards;
animfm:bt, animfm:bh
animationfill-mode:bot h;
animfm:f
animationfill-mode:forwards;
animic
animation-iterationcount: 1 ;
animic:i
animation-iterationcount:infinite; animation-name: none ;
animn
animps
animation-play-state: running ;
animps:p
animationplay-state:paused;
animps:r
animationplay-state:running;
animtf
animation-timingfunction: linear ;
animtf:cb
animation-timingfunction:cubicbezier( 0.1 , 1.0 , 0.1 ); 0.7 ,
animtf:e
animation-timingfunction:ease; animation-timingfunction:ease-out;
animtf:ei
animation-timingfunction:ease-in; animation-timingfunction:linear;
animtf:eio
animation-timingfunction:ease-in-out; appearance:${none}; filter:progid:DXImage Transform.Microsoft.A lphaImageLoader(src=' x .png',sizingMethod=' crop ');
animtf:eo
animtf:l
ap bg:ie
cm colmf colmrc colms mir
/*
${child} */
colm colmg colmrs colmw
columns: ; column-gap: ; column-rule-style: ; column-width: ;
colmc colmr colmrw mar
column-count: ; column-rule: ; column-rule-width: ; max-resolution: res ;
column-fill: ; column-rule-color: ; column-span: ; min-resolution: res ;
12 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
op:ie filter:progid:DXImage Transform.Microsoft.A lpha(Opacity=100); op:ms -ms-filter:'progid:DX ImageTransform.Micros oft.Alpha(Opacity=100 )'; ori:p tov text-overflow:${ellip sis}; transform: ; tov:c text-overflow:clip; tov:e ori ori:l
orientation: ; orientation:landscape ; orientation:portrait; text-overflow:ellipsi s; transform: scale( x , trf:skx y );
trf
trf:r
transform: rotate( angle );
trf:sc
trf:scx
transform: scaleX( x );
trf:scy
transform: scaleY( y );
transform: skewX( angle );
trf:sky
transform: skewY( angle );
trf:t
transform: translate( x , y );
trf:tx
transform: translateX( x );
trf:ty
transform: translateY( y );
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-timingfunction: tfunc ;
us
user-select:${none};
wfsm
-webkitfont-smoothing:${anti aliased};
wfsm:a
-webkitfont-smoothing:antial iased;
wfsm:n
-webkitfont-smoothing:none;
wfsm:s, wfsm:sa
-webkitfont-smoothing:sub pixel-antialiased;
XSL
tm <xsl:template match=" " mode=" "> </xsl:template> tmatch tn <xsl:template name=" "> </xsl:template> tname
Alias of tm
<xsl:template match=" " mode=" "> </xsl:template>
Alias of 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=" " /> wh ot ch <xsl:choose> </xsl:choose> if <xsl:otherwise> </xsl:otherwise> par <xsl:param name=" "> </xsl:param> var <xsl:variable name=" "> </xsl:variable> key <xsl:key name=" " match=" " use=" " /> attrs <xsl:attribute-set name=" "> </xsl:attribute-set> cp <xsl:copy select=" " /> val <xsl:value-of select=" " /> vare <xsl:variable name=" " select=" " /> elem <xsl:element name=" "> </xsl:element> co <xsl:copy-of select=" " /> each <xsl:for-each select=" "> </xsl:for-each> com <xsl:text> </xsl:text> msg <xsl:message terminate="no"> </xsl:message> <xsl:comment> </xsl:comment> fall <xsl:fallback> </xsl:fallback> wp <xsl:with-param name=" " select=" " /> attr <xsl:attribute name=" "> </xsl:attribute> <xsl:if test=" "> </xsl:if> pare <xsl:param name=" " select=" " /> xsl:when <xsl:when test=" "> </xsl:when>
Alias of xsl:when
<xsl:when test=" "> </xsl:when>
for
tex
Alias of each
<xsl:for-each select=" "> </xsl:for-each>
13 de 14
09/09/2013 11:13 p.m.
Cheat Sheet
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:otherwis e
<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="UTF8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org /1999/XSL/Transform"> </xsl:stylesheet>
<?xml version="1.0" encoding="UTF-8"?>
14 de 14
09/09/2013 11:13 p.m.

Sublime Text 2 Cheat Sheet

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Sublime Text 2 Cheat Sheet

Transféré par

Droits d'auteur :

Formats disponibles

Cheat Sheet

ID and CLASS attributes

09/09/2013 11:13 p.m.

Implicit tag names

meta:compat <meta http-equiv="X-UA-Compatible" content=" IE=7 " />

09/09/2013 11:13 p.m.

Alias of input[type=hidden name]

09/09/2013 11:13 p.m.

09/09/2013 11:13 p.m.

Alias of html>(head>meta[httpequiv="Content-Type" content="text/html; charset=${charset}"]+title{${1:D ocument}})+body

Alias of !!!xt+doc4[xmlns=http://www.w3.o rg/1999/xhtml xml:lang=${lang}]

Alias of !!!xs+doc4[xmlns=http://www.w3.o rg/1999/xhtml xml:lang=${lang}]

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

09/09/2013 11:13 p.m.

<!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">

cc:noie  ${child}

09/09/2013 11:13 p.m.

zoom:1; clip:rect( top right left ); bottom

cp rsz rsz:b rsz:v

clip: ; resize: ; resize:both; resize:vertical; cursor:default; cursor:help; cursor:text;

cp:a rsz:n rsz:h cur cur:c cur:m

cur:a cur:ha cur:p

cursor:auto; cursor:hand; cursor:pointer;

cur:d cur:he cur:t

Margin & Padding

width: ; height: ; max-width: ; max-height: ; min-height: ;

fef fef:eb femp

font-effect: ; font-effect:emboss; font-emphasizeposition: ;

fef:n fef:o femp:b

font-effect:none; font-effect:outline; font-emphasizeposition:before;

09/09/2013 11:13 p.m.

text-emphasis:accent; text-emphasis:disc; text-height: ;

text-emphasis:dot; text-emphasis:before; text-height:auto;

text-height:max-size; text-indent:-9999px; text-justify:inter-wo rd; text-justify:distribu te;

tj:k tj:t to:n tr tt:n tt:c

text-shadow:none; white-space: ; white-space:nowrap;

09/09/2013 11:13 p.m.

wob wob:n wob:l wos wow:nm wow:s wow:b

word-break: ; word-break:normal; word-break:loose; word-spacing: ; word-wrap:normal; word-wrap:suppress; word-wrap:break-word;

wob:k wob:bs word-break:breakstrict; wow:n wob:ba wow wow:u

word-break:keep-all; word-break:break-all; word-wrap: ; word-wrap:unrestricte d;

cnt:a, ct:a ct q:ru

cnt:c, ct:c q q:en

content:counter( ); quotes: ; quotes:'\201C' '\201D' '\2018' '\2019';

cnt:cs, ct:cs q:n coi cor

09/09/2013 11:13 p.m.

borderleft-image:none; border-cornerimage:continue; border-top-leftimage:continue; border-top-rightimage:continue; border-bottom-rightimage:continue; border-bottomleft-image:continue;

border-cornerimage:url( ); border-top-leftimage:url( ); border-top-rightimage:url( ); border-bottom-rightimage:url( ); border-bottomleft-image:url( ); border-fit: repeat ;

bdf:sc bdf:of bdlen:a bds:n bds:ds bds:dtds

border-fit:scale; border-fit:overflow; border-length:auto; border-style:none; border-style:dashed; borderstyle:dot-dash;

bdf:st bdf:sp bdsp bds:h bds:s bds:dtdtds

border-fit:stretch; border-fit:space; border-spacing: ; border-style:hidden; border-style:solid; border-style:dotdot-dash;

bdf:ow bdlen bds bds:dt bds:db bds:w bds:g bds:o bdt+

border-top-style: ; bordertop-color:transparent ; border-right:none; border-right-width: ; border-right-color:# 000 ;

border-right: 1px solid #000 ;

bdr:n bdrw bdrc

border-bottom: 1px solid #000 ;

09/09/2013 11:13 p.m.

list list:n list:s

09/09/2013 11:13 p.m.

@-o-keyframes identifier from to { { } { }

@-moz-keyframes identifier from to { { } { }

@keyframes identifier from to { { } { }