Cheatsheet Emmet

CSS

Cliquez sur une categorie

BACKGROUND
COLOR
MARGIN/PADDING
TABLE
BORDER
FONT
LIST

HTML

Cliquez sur une categorie

A/LINK
BUTTON
MEDIA

SYNTHAXE

Cliquez sur une categorie

ID/ATRIBUTES
ITEM NUMBERING
TEXT

BACKGROUND	Retour au debut
bg bg+ bg:n bgc bgc:t bgi bgi:n bgsz:a bgsz:ct bgsz:cv bgp:x bgsz	bbackground:#000; background:#fff url() 0 0 no-repeat; background:none; background-color:#fff; background-c:transparent; background-image:url(); background-image:none; background-size:; background-size:auto; background-size:contain; background-size:cover; background-position-x:; background-position-y:;	bgr bgr:n bgr:x bgr:y bgr:sp bgr:rd bga bga:f bga:s bgp	background-repeat:; background-repeat:no-repeat; background-repeat:repeat-x; background-repeat:repeat-y; background-repeat:space; background-repeat:round; background-attachment:; background-attachment:fixed; background-attachment:scroll background-position:0 0;

COLOR	RETOUR AU DEBUT
c c:r c:ra op	color:#000; color:rgb(0, 0, 0); color:rgba(0, 0, 0, .5); opacity:;

MARGIN/PADDING	RETOUR AU DEBUT
m m:a mt mt:a mr mr:a mb mb:a	margin:; margin:auto; margin-top:; margin-top:auto; margin-right:; margin-right:auto; margin-bottom:; margin-bottom:auto;	ml ml:a p pt pr pb pl	margin-left:; margin-left:auto; padding:; padding-top:; padding-right:; padding-bottom:; padding-left:;

table	RETOUR AU DEBUT
tbl tbl:a tbl:f cps cps:t cps:b ec ec:s ec:h	table-layout:; table-layout:auto; table-layout:fixed; caption-side:; caption-side:top; caption-side:bottom; empty-cells:; empty-cells:; empty-cells:hide;

BORDER	RETOUR AU DEBUT
bd bd+ bd:n bdc bdc:t bdi bdi:n bds bds:n bds:h bds:dt bds:ds bds:s bdt; bt bdt+ bdt:n	border:; border:1px solid #000; border:none; border-color:#000; border-color:transparent; border-image:url(); border-image:none; border-style:; border-style:none; border-style:hidden; border-style:dotted; border-style:dashed; border-style:solid; border-top:; border-top:1px solid #000; border-top:none;	bdr, br bdr+ bdr:n bdrst bdrst:n bdl ,bl bdl+ bdl:n bdlc bdrs bdtrrs bdtlrs bdbrrs bdblrs	border-right:; border-right:1px solid #000; border-right:none; border-right-style:; border-right-style:none; border-left:; border-left:1px solid #000; border-left:none; border-left-color:#000; border-radius:; border-top-right-radius:; border-top-left-radius:; border-bottom-right-radius:; border-bottom-left-radius:;

FONT	RETOUR AU DEBUT
f f+ fw fw:n fw:b fw:br fw:lr fs fs:i fs:n fv:o fv:sc	font:; font:1em Arial,ss font-weight:; font-weight:normal; font-weight:bold; font-weight:bolder; font-weight:lighter; font-style:; font-style:${italic}; font-style:normal; font-style:oblique; font-variant:small-ca	fz ff ff:s ff:ss ff:c ff:a ff:t ff:v	font-size:; font-family:; font-family:serif; font-family:sans-serif; font-family:cursive; font-family: Arial, "H.neue",s-s; font-family: "Times NR", Times; font-family: Verdana, Geneva,;

LIST	RETOUR AU DEBUT
lis lis:n lisp lisp:i lisp:o	list-style:none; list-style-position:; list-style-position:inside; list-style-position:outside; list-style-type:;	list list:n lisi lisi:n	list-style:; list-style-type:none; list-style-image:; list-style-image:none;

A/LINK	RETOUR AU DEBUT
a a:link a:mail abbr link	/a href=""> /a> /a href="http://">/a> /a href="mailto:">/a> /abbr title="">/abbr> /link rel="" href="" />

BUTTON/LIST	RETOUR AU DEBUT
bn button:submit, button:s, btn:s button:reset, button:r, btn:r button:disabled, button:d, btn:d ol+ ul+ dl+ table+ tr+	Alias of button -button type="submit"> -/button> -button type="reset">-/button> -button disabled="disabled">-/button> Alias of ol>li Alias of ul>li Alias of dl>dt+dd Alias of table>tr>td Alias of tr>td

MEDIA	RETOUR AU DEBUT
bq fig figc pic ifr emb obj cap	Alias of blockquote Alias of figure Alias of figcaption Alias of picture Alias of iframe Alias of embed Alias of object Alias of caption

ID & ATTRIBUTES	RETOUR AU DEBUT
#header .class em>.class ul>.class .title form#search.wide p.class1.class2.class3	-div id="header">-/div> -div class="class">-/div> -em>-span class="class">-/span>-/em> -ul>-li class="class">-/li>-/ul> -div class="title">-/div> -form id="search" class="wide">-/form> -p class="class1 class2 class3">-/p>

ITEM NUMBERING	RETOUR AU DEBUT
ul>li5 ul>li.item$5 h$[title=item$]{Header $}3 ul>li.item$$$5 ul>li.item$@-5 ul>li.item$@35	ul creation de 5 li ul et li de 5 item 3 h - avec title et header ul li item nommé 00- ul avec li de item nombre decroissant jusque 5 ul et li d'item de 3 à 5

TEXT	RETOUR AU DEBUT
a{Click me} p>{Click }+a{here}+{ to continue}	-a href="">Click me-/a> -p>Click here to continue-/p>