Scribd
Upload
117 views

Html:xxs html:4s: Syntax - . - . - . - . 1 Syntax

The document provides information about Emmet syntax and shortcuts for HTML and CSS coding. It details many different syntax elements for generating HTML tags and CSS properties quickly through abbreviations and shortcuts. Sections cover topics like HTML doctypes, forms, visual formatting, colors, animation and more.

Uploaded by

Srdjan Markovic
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
117 views

Html:xxs html:4s: Syntax - . - . - . - . 1 Syntax

The document provides information about Emmet syntax and shortcuts for HTML and CSS coding. It details many different syntax elements for generating HTML tags and CSS properties quickly through abbreviations and shortcuts. Sections cover topics like HTML doctypes, forms, visual formatting, colors, animation and more.

Uploaded by

Srdjan Markovic
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

24 1

html:4s html:xxs Emmet | Cheat Sheet (2017-03)


SYNTAX
<!DOCTYPE HTML PUBLIC "-//W3C//DTD <!DOCTYPE html PUBLIC "-//W3C//DTD
Syntax . . . . . . . . 1 Child: >
HTML 4.01//EN" "http://www.w3.org/ XHTML 1.1//EN" "http://www.w3.org/
TR/html4/strict.dtd"> TR/xhtml11/DTD/xhtml11.dtd"> Child: > . . . . . . . . . . .1 nav>ul>li
<html lang="en"> <html xmlns="http://www. <nav>
<head> w3.org/1999/xhtml" xml:lang="en"> Sibling: + . . . . . . . . . .1 <ul>
<meta http-equiv="Content-Type" <head> Climb-up: ^ . . . . . . . .1 <li></li>
content="text/html;charset=UTF-8" <meta http-equiv="Content-Type" </ul>
Grouping: () . . . . . . . .1 </nav>
/> content="text/html;charset=UTF-8"
<title>Document</title> /> Multiplication: * . . . . . .2 Sibling: +
</head> <title>Document</title>
Naming and numbering: $ 2
<body> </head> div+p+bq
<body> ID and CLASS attributes . .2 <div></div>
</body> <p></p>
</html> </body>
Custom attributes . . . . .2 <blockquote></blockquote>
</html> Text: {} . . . . . . . . . . .2
Climb-up: ^
html:xt !!! Implicit tag names . . . . .2
<!DOCTYPE html PUBLIC "-//W3C// <!DOCTYPE html> div+div>p>span+em^bq
DTD XHTML 1.0 Transitional//EN" HTML . . . . . . . . 3 <div></div>
"http://www.w3.org/TR/xhtml1/DTD/ <div>
!!!4t Form, Input, Button . . . .4 <p><span></span><em></em></p>
xhtml1-transitional.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C// <blockquote></blockquote>
<html xmlns="http://www. DTD HTML 4.01 Transitional//EN" CSS . . . . . . . . . 7 </div>
w3.org/1999/xhtml" xml:lang="en"> "http://www.w3.org/TR/html4/loose.
<head> Visual Formatting . . . . .7
dtd"> div+div>p>span+em^^bq
<meta http-equiv="Content-Type" Margin & Padding . . . . .9 <div></div>
content="text/html;charset=UTF-8" !!!4s <div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD Box Sizing . . . . . . . . .9 <p><span></span><em></em></p>
/>
<title>Document</title> HTML 4.01//EN" "http://www.w3.org/ Font . . . . . . . . . . . .9 </div>
TR/html4/strict.dtd"> <blockquote></blockquote>
</head>
Text . . . . . . . . . . . . 11
<body> !!!xt Grouping: ()
<!DOCTYPE html PUBLIC "-//W3C// Background . . . . . . . 13
</body> DTD XHTML 1.0 Transitional//EN"
Color . . . . . . . . . . . 14 div>(header>ul>li*2>a)+footer>p
</html> "http://www.w3.org/TR/xhtml1/DTD/ <div>
xhtml1-transitional.dtd"> Generated content . . . . 14 <header>
<ul>
html:xs !!!xs Outline . . . . . . . . . . 15 <li><a href=""></a></li>
<!DOCTYPE html PUBLIC "-//W3C//DTD <!DOCTYPE html PUBLIC "-//W3C//DTD <li><a href=""></a></li>
XHTML 1.0 Strict//EN" "http://www. Tables . . . . . . . . . . 15 </ul>
XHTML 1.0 Strict//EN" "http://www.
w3.org/TR/xhtml1/DTD/xhtml1-strict. w3.org/TR/xhtml1/DTD/xhtml1-strict. Border . . . . . . . . . . 15 </header>
dtd"> dtd"> <footer>
Lists . . . . . . . . . . . 18 <p></p>
<html xmlns="http://www. !!!xxs </footer>
w3.org/1999/xhtml" xml:lang="en"> <!DOCTYPE html PUBLIC "-//W3C//DTD Print . . . . . . . . . . . 18 </div>
<head> XHTML 1.1//EN" "http://www.w3.org/ Others . . . . . . . . . . 18
<meta http-equiv="Content-Type" (div>dl>(dt+dd)*3)+footer>p
TR/xhtml11/DTD/xhtml11.dtd"> <div>
content="text/html;charset=UTF-8" Animation . . . . . . . . 19
<dl>
/> Flex . . . . . . . . . . . . 20 <dt></dt>
<title>Document</title> <dd></dd>
</head> Transform, Transition . . 21 <dt></dt>
<body> <dd></dd>
XSL . . . . . . . . 22 <dt></dt>
</body> <dd></dd>
HTML DOCTYPES . 23 </dl>
</html> </div>
<footer>
<p></p>
http://docs .emmet .io/ </footer>
http://docs .emmet .io/
2 23
Multiplication: * ID and CLASS attributes co HTML DOCTYPES
ul>li*5 #header <xsl:copy-of select="" /> !, html:5
<ul> <div id="header"></div> val <!DOCTYPE html>
<li></li> <xsl:value-of select="" /> <html lang="en">
<li></li> .title <head>
<li></li> <div class="title"></div> each, for
<li></li> <xsl:for-each select=""></ <meta charset="UTF-8" />
<li></li> form#search.wide xsl:for-each> <title>Document</title>
</ul> <form id="search" class="wide"></ </head>
form> tex <body>
Naming and numbering: $ <xsl:text></xsl:text>
p.class1.class2.class3
<p class="class1 class2 class3"></p> com </body>
ul>li.sample$*5 <xsl:comment></xsl:comment> </html>
<ul>
<li class="sample1"></li> Custom attributes msg
<li class="sample2"></li> <xsl:message terminate="no"></ doc
<li class="sample3"></li> p[title="Hello world"] xsl:message> <html>
<li class="sample4"></li> <p title="Hello world"></p>
fall <head>
<li class="sample5"></li>
</ul> td[rowspan=2 colspan=3 title] <xsl:fallback></xsl:fallback> <meta charset="UTF-8" />
<td rowspan="2" colspan="3" <title>Document</title>
h$[title=topic$]{Headline $}*3 title=""></td> num </head>
<h1 title="topic1">Headline 1</h1> <xsl:number value="" /> <body>
<h2 title="topic2">Headline 2</h2> [a=‘value1‘ b="value2"] nam
<h3 title="topic3">Headline 3</h3> <div a="value1" b="value2"></div>
<namespace-alias stylesheet-prefix="" </body>
ul>li.item$$$*5 Text: {} result-prefix="" /> </html>
<ul> pres
<li class="item001"></li> a{Click me} <xsl:preserve-space elements="" /> doc4
<li class="item002"></li> <a href="">Click me</a> <html>
<li class="item003"></li> strip <head>
<li class="item004"></li> p>{Click }+a{here}+{ to continue} <xsl:strip-space elements="" />
<li class="item005"></li> <p>Click <a href="">here</a> to <meta http-equiv="Content-Type"
</ul> continue</p> proc content="text/html;charset=UTF-8"
<xsl:processing- />
ul>li.item$@-*5 Implicit tag names instruction name=""></ <title>Document</title>
<ul> xsl:processing-instruction> </head>
<li class="item5"></li> .class
<li class="item4"></li> sort <body>
<div class="class"></div> <xsl:sort select="" order="" />
<li class="item3"></li>
<li class="item2"></li> em>.class </body>
choose+
<li class="item1"></li> <em><span class="class"></span></ </html>
</ul> <xsl:choose>
em> <xsl:when test=""></xsl:when>
ul>li.item$@3*5 ul>.class <xsl:otherwise></xsl:otherwise> html:4t
<ul> <ul> </xsl:choose> <!DOCTYPE HTML PUBLIC "-//W3C//
<li class="item3"></li> <li class="class"></li> DTD HTML 4.01 Transitional//EN"
<li class="item4"></li> xsl
</ul> "http://www.w3.org/TR/html4/loose.
<li class="item5"></li> |}
<li class="item6"></li> dtd">
table>.row>.col <?xml version="1.0"
<html lang="en">
<li class="item7"></li> <table> encoding="UTF-8"?>
</ul> <tr class="row"> <head>
<xsl:stylesheet version="1.0"
<td class="col"></td> <meta http-equiv="Content-Type"
xmlns:xsl="http://www.w3.org/1999/
</tr> content="text/html;charset=UTF-8"
XSL/Transform"></xsl:stylesheet>
</table> />
!!! <title>Document</title>
<?xml version="1.0" </head>
encoding="UTF-8"?> <body>

</body>
</html>
22 3
trsdu XSL HTML link:rss
transition-duration:time; <link rel="alternate"
tmatch, tm All unknown abbreviations will be transformed to
type="application/rss+xml"
trsp <xsl:template match="" mode=""></ tag, e.g. foo → <foo></foo>.
title="RSS" href="rss.xml" />
transition-property:prop; xsl:template> a link:atom
trstf tname, tn <a href=""></a> <link rel="alternate"
transition-timing-function:tfunc; <xsl:template name=""></ type="application/atom+xml"
a:link
us xsl:template> title="Atom" href="atom.xml" />
<a href="http://"></a>
user-select:${none}; call link:import, link:im
<xsl:call-template name="" />
a:mail
wfsm <a href="mailto:"></a> <link rel="import"
-webkit-font- ap href="component.html" />
<xsl:apply-templates select=""
abbr
smoothing:${antialiased}; <abbr title=""></abbr> meta
mode="" /> <meta />
wfsm:a acronym, acr
api meta:utf
-webkit-font-smoothing:antialiased; <acronym title=""></acronym>
<xsl:apply-imports /> <meta http-equiv="Content-Type"
wfsm:n imp
base content="text/html;charset=UTF-8"
-webkit-font-smoothing:none; <xsl:import href="" />
<base href="" /> />
wfsm:s, wfsm:sa inc
basefont meta:win
-webkit-font-smoothing:subpixel- <xsl:include href="" />
<basefont /> <meta http-equiv="Content-
antialiased;
ch
br Type" content="text/
wm <xsl:choose></xsl:choose>
<br /> html;charset=windows-1251" />
writing-mode:lr-tb; xsl:when, wh
frame meta:vp
<frame /> <meta name="viewport"
wm:btl <xsl:when test=""></xsl:when>
content="width=device-width, user-
writing-mode:bt-lr; ot
hr
<hr /> scalable=no, initial-scale=1.0,
wm:btr <xsl:otherwise></xsl:otherwise> maximum-scale=1.0, minimum-
writing-mode:bt-rl; if bdo scale=1.0" />
<xsl:if test=""></xsl:if> <bdo dir=""></bdo>
wm:lrb meta:compat
par bdo:r <meta http-equiv="X-UA-Compatible"
writing-mode:lr-bt; <bdo dir="rtl"></bdo>
<xsl:param name=""></xsl:param> content="IE=7" />
wm:lrt bdo:l
writing-mode:lr-tb; pare style
<xsl:param name="" select="" /> <bdo dir="ltr"></bdo> <style></style>
wm:rlb var col script
writing-mode:rl-bt; <xsl:variable name=""></ <col /> <script></script>
wm:rlt xsl:variable> link script:src
writing-mode:rl-tb; vare <link rel="stylesheet" href="" /> <script src=""></script>
wm:tbl <xsl:variable name="" select="" /> link:css img
writing-mode:tb-lr; wp <link rel="stylesheet" <img src="" alt="" />
<xsl:with-param name="" select="" /> href="style.css" />
wm:tbr img:srcset, img:s
key link:print <img srcset="" src="" alt="" />
writing-mode:tb-rl;
<xsl:key name="" match="" use="" /> <link rel="stylesheet"
href="print.css" media="print" /> img:sizes, img:z
elem <img sizes="" srcset="" src=""
<xsl:element name=""></xsl:element> link:favicon alt="" />
<link rel="shortcut icon"
attr type="image/x-icon" href="favicon. picture
<xsl:attribute name=""></ ico" /> <picture></picture>
xsl:attribute> source, src
link:touch
attrs <link rel="apple-touch-icon" <source />
<xsl:attribute-set name=""></ href="favicon.png" /> source:src, src:sc
xsl:attribute-set> <source src="" type="" />
cp
<xsl:copy select="" />
4 21
source:srcset, src:s Form, Input, Button fxw:n Transform, Transition
<source srcset="" /> flex-wrap:nowrap;
form trf
source:media, src:m <form action=""></form> fxw:w transform:;
<source media="(min-width: )" flex-wrap:wrap;
srcset="" />
form:get trf:r
<form action="" method="get"></ fxw:wr transform: rotate(angle);
source:type, src:t form> flex-wrap:wrap-reverse;
<source srcset="" type="image/" />
form:post trf:rx
source:sizes, src:z jc transform: rotateX(angle);
<form action="" method="post"></ justify-content:;
<source sizes="" srcset="" /> form> trf:ry
source:media:type, src:mt jc:c transform: rotateY(angle);
label justify-content:center;
<source media="(min-width: )" <label for=""></label> trf:rz
srcset="" type="image/" /> jc:fe
input transform: rotateZ(angle);
source:media:sizes, src:mz <input type="text" /> justify-content:flex-end;
<source media="(min-width: )" trf:sc
inp jc:fs transform: scale(x, y);
sizes="" srcset="" /> justify-content:flex-start;
<input type="text" name="" id=""
source:sizes:type, src:zt />
trf:sc3
<source sizes="" srcset=""
jc:sa transform: scale3d(x, y, z);
type="image/" />
input:hidden, input:h justify-content:space-around;
<input type="hidden" name="" /> trf:scx
iframe jc:sb transform: scaleX(x);
<iframe src="" frameborder="0"></
input:text, input:t justify-content:space-between;
<input type="text" name="" id="" trf:scy
iframe> mar
/> transform: scaleY(y);
embed max-resolution:res;
<embed src="" type="" />
input:search trf:scz
<input type="search" name="" id="" mir transform: scaleZ(z);
object /> min-resolution:res;
<object data="" type=""></object> trf:skx
input:email op+ transform: skewX(angle);
param <input type="email" name="" id="" opacity: ;
<param name="" value="" /> /> filter: alpha(opacity=); trf:sky
map transform: skewY(angle);
input:url op:ie
<map name=""></map> <input type="url" name="" id="" /> trf:t
filter:progid:DXImageTransform.
area input:password, input:p Microsoft.Alpha(Opacity=100); transform: translate(x, y);
<area shape="" coords="" href="" <input type="password" name="" trf:t3
alt="" /> op:ms
id="" /> -ms-filter:‘progid:DXImageTransform. transform: translate3d(tx, ty,
area:d input:datetime Microsoft.Alpha(Opacity=100)‘; tz);
<area shape="default" href="" <input type="datetime" name=""
alt="" /> ord trf:tx
id="" /> transform: translateX(x);
order:;
area:c input:date
<area shape="circle" coords="" ori trf:ty
<input type="date" name="" id=""
href="" alt="" /> orientation:; transform: translateY(y);
/>
area:r input:datetime-local ori:l trf:tz
<area shape="rect" coords="" <input type="datetime-local" orientation:landscape; transform: translateZ(z);
href="" alt="" /> name="" id="" /> trfo
ori:p
area:p input:month orientation:portrait; transform-origin:;
<area shape="poly" coords="" <input type="month" name="" id=""
href="" alt="" /> tov trfs
/> transform-style:preserve-3d;
text-overflow:${ellipsis};
input:week
<input type="week" name="" id="" tov:c trs
text-overflow:clip; transition:prop time;
/>
input:time tov:e trsde
<input type="time" name="" id="" text-overflow:ellipsis; transition-delay:time;
/>
20 5
animtf:cb
animation-timing-function:cubic- colmf input:tel audio
bezier(0.1, 0.7, 1.0, 0.1); column-fill:; <input type="tel" name="" id="" /> <audio src=""></audio>
colmg input:number html:xml
animtf:e <input type="number" name="" id="" <html xmlns="http://www.
animation-timing-function:ease; column-gap:;
/> w3.org/1999/xhtml"></html>
animtf:ei colmr
column-rule:;
input:color keygen
animation-timing-function:ease-in; <input type="color" name="" id="" <keygen />
animtf:eio colmrc /> command
animation-timing-function:ease-in- column-rule-color:; input:checkbox, input:c <command />
out; colmrs <input type="checkbox" name="" button:submit, button:s, btn:s
animtf:eo column-rule-style:; id="" /> <button type="submit"></button>
animation-timing-function:ease-out; colmrw input:radio, input:r button:reset, button:r, btn:r
column-rule-width:; <input type="radio" name="" id="" <button type="reset"></button>
animtf:l />
animation-timing-function:linear; colms button:disabled, button:d, btn:d
column-span:;
input:range <button disabled="disabled"></
ap <input type="range" name="" id=""
appearance:${none}; button>
colmw />
column-width:; fieldset:disabled,
as input:file, input:f
align-self:;
fieldset:d, fset:d, fst:d
d:ib+ <input type="file" name="" id="" />
<fieldset disabled="disabled"></
as:a display: inline-block; input:submit, input:s fieldset>
align-self:auto; *display: inline; <input type="submit" value="" />
*zoom: 1; bq
as:b input:image, input:i <blockquote></blockquote>
align-self:baseline; <input type="image" src="" alt=""
Flex fig
/>
as:c <figure></figure>
fx input:button, input:b
align-self:center;
flex:;
figc
<input type="button" value="" />
<figcaption></figcaption>
as:fe fxb isindex
align-self:flex-end; pic
flex-basis:; <isindex />
<picture></picture>
as:fs fxd input:reset
align-self:flex-start; ifr
flex-direction:; <input type="reset" value="" />
<iframe src="" frameborder="0"></
as:s fxd:c select iframe>
align-self:stretch; <select name="" id=""></select>
flex-direction:column; emb
bfv select:disabled, select:d <embed src="" type="" />
fxd:cr <select name="" id=""
backface-visibility:; obj
flex-direction:column-reverse; disabled="disabled"></select>
bfv:h <object data="" type=""></object>
fxd:r option, opt
backface-visibility:hidden;
flex-direction:row; cap
<option value=""></option>
bfv:v <caption></caption>
fxd:rr textarea colg
backface-visibility:visible;
flex-direction:row-reverse; <textarea name="" id="" cols="30"
<colgroup></colgroup>
bg:ie fxf rows="10"></textarea>
filter:progid:DXImageTransform. fst, fset
flex-flow:; marquee <fieldset></fieldset>
Microsoft.AlphaImageLoader(src=‘x. <marquee behavior=""
png‘,sizingMethod=‘crop‘); fxg direction=""></marquee> btn
flex-grow:; <button></button>
cm menu:context, menu:c
/* ${child} */ fxsh <menu type="context"></menu> optg
flex-shrink:; <optgroup></optgroup>
colm menu:toolbar, menu:t
columns:; fxw <menu type="toolbar"></menu> tarea
flex-wrap: ; <textarea name="" id="" cols="30"
colmc video rows="10"></textarea>
column-count:; <video src=""></video>
6 19
leg ri:type, ri:t @i, @import Animation
<legend></legend> <picture> @import url();
<source srcset="" type="image/" anim
sect @kf animation:;
<section></section> />
@-webkit-keyframes identifier {
<img src="" alt="" /> anim-
art </picture>
from { }
animation:name duration timing-
<article></article> to { }
function delay iteration-count
}
hdr ol+ direction fill-mode;
@-o-keyframes identifier {
<header></header> <ol>
from { } animdel
ftr <li></li>
to { } animation-delay:time;
<footer></footer> </ol>
} animdir
adr ul+ @-moz-keyframes identifier {
<ul> animation-direction:normal;
<address></address> from { }
dlg
<li></li> to { } animdir:a
</ul> } animation-direction:alternate;
<dialog></dialog>
dl+ @keyframes identifier { animdir:ar
str <dl> from { }
<strong></strong> animation-direction:alternate-
<dt></dt> to { } reverse;
prog <dd></dd> }
<progress></progress> </dl> @m, @media animdir:n
mn animation-direction:normal;
map+ @media screen { }
<main></main> <map name="">
ac animdir:r
tem <area shape="" coords="" animation-direction:reverse;
align-content:;
<template></template> href="" alt="" />
ac:c animdur
</map>
datag align-content:center;
animation-duration:0s;
<datagrid></datagrid> table+
<table> ac:fe animfm
datal <tr> animation-fill-mode:both;
<datalist></datalist> align-content:flex-end;
<td></td>
ac:fs animfm:b
kg </tr> animation-fill-mode:backwards;
<keygen /> </table> align-content:flex-start;
ac:s animfm:bt, animfm:bh
out colgroup+, colg+ animation-fill-mode:both;
<output></output> <colgroup> align-content:stretch;
det <col /> ac:sa animfm:f
<details></details> </colgroup> animation-fill-mode:forwards;
align-content:space-around;
cmd tr+ ac:sb animic
<command /> <tr> animation-iteration-count:1;
align-content:space-between;
<td></td>
ai animic:i
ri:dpr, ri:d </tr>
animation-iteration-count:infinite;
<img srcset="" src="" alt="" /> select+ align-items:;
ri:viewport, ri:v <select name="" id=""> ai:b animn
<option value=""></option> animation-name:none;
<img sizes="" srcset="" src="" align-items:baseline;
alt="" /> </select>
ai:c animps
ri:art, ri:a optgroup+, optg+ animation-play-state:running;
align-items:center;
<picture> <optgroup> animps:p
<source media="(min-width: )" <option value=""></option> ai:fe
animation-play-state:paused;
srcset="" /> </optgroup> align-items:flex-end;
<img src="" alt="" /> ai:fs animps:r
pic+ animation-play-state:running;
</picture> <picture> align-items:flex-start;
<source srcset="" />
ai:s animtf
<img src="" alt="" /> animation-timing-function:linear;
align-items:stretch;
</picture>
18 7
Lists pgbb:r CSS fl:r
page-break-before:right; float:right;
lis CSS module uses fuzzy search to find unknown abb-
list-style:; pgbi reviations, e.g. ov:h == ov-h == ovh == oh. cl
page-break-inside:; clear:both;
lis:n If abbreviation wasn’t found, it is transformed into
list-style:none; pgbi:au property name: foo-bar → foo-bar: |; cl:n
page-break-inside:auto; You can prefix abbreviations with hyphen to produce clear:none;
lisp
pgbi:av vendor-prefixed properties: -foo cl:l
list-style-position:;
page-break-inside:avoid; clear:left;
lisp:i Visual Formatting
list-style-position:inside; pgba pos cl:r
page-break-after:; clear:right;
lisp:o position:relative;
list-style-position:outside; pgba:au pos:s cl:b
page-break-after:auto; clear:both;
list position:static;
list-style-type:; pgba:al d
pos:a display:block;
page-break-after:always; position:absolute;
list:n
list-style-type:none; pgba:l d:n
pos:r display:none;
page-break-after:left; position:relative;
list:d
list-style-type:disc; pgba:r d:b
pos:f display:block;
page-break-after:right; position:fixed;
list:c
list-style-type:circle; orp t d:f
orphans:; display:flex;
list:s top:;
list-style-type:square; wid t:a d:if
widows:; display:inline-flex;
list:dc top:auto;
list-style-type:decimal; r d:i
Others display:inline;
list:dclz right:;
! d:ib
list-style-type:decimal-leading-
!important r:a
zero; right:auto; display:inline-block;
@f d:li
list:lr @font-face { b
list-style-type:lower-roman; bottom:; display:list-item;
font-family:;
list:ur src:url(|); b:a d:ri
list-style-type:upper-roman; } bottom:auto; display:run-in;

lisi @f+ l d:cp


list-style-image:; @font-face { left:; display:compact;
font-family: ‚FontName‘; d:tb
lisi:n l:a
src: url(‚FileName.eot‘); display:table;
list-style-image:none; left:auto;
src: url(‚FileName.eot?#iefix‘)
format(‚embedded-opentype‘), z d:itb
Print url(‚FileName.woff‘) z-index:; display:inline-table;
pgbb format(‚woff‘), d:tbcp
z:a
page-break-before:; url(‚FileName.ttf‘) display:table-caption;
z-index:auto;
format(‚truetype‘),
pgbb:au url(‚FileName. fl d:tbcl
page-break-before:auto; svg#FontName‘) format(‚svg‘); float:left; display:table-column;
pgbb:al font-style: normal; fl:n d:tbclg
page-break-before:always; font-weight: normal; float:none; display:table-column-group;
}
pgbb:l fl:l d:tbhg
page-break-before:left; float:left; display:table-header-group;
8 17
d:tbfg ovx:a bds:g bdb+
display:table-footer-group; overflow-x:auto; border-style:groove; border-bottom:1px solid #000;
d:tbr ovy bds:r bdb:n
display:table-row; overflow-y:hidden; border-style:ridge; border-bottom:none;
d:tbrg ovy:v bds:i bdbw
display:table-row-group; overflow-y:visible; border-style:inset; border-bottom-width:;
d:tbc ovy:h bds:o bdbs
display:table-cell; overflow-y:hidden; border-style:outset; border-bottom-style:;
d:rb ovy:s bdw bdbs:n
display:ruby; overflow-y:scroll; border-width:; border-bottom-style:none;
d:rbb ovy:a bdt, bt bdbc
display:ruby-base; overflow-y:auto; border-top:; border-bottom-color:#000;
d:rbbg ovs bdt+ bdbc:t
display:ruby-base-group; overflow-style:scrollbar; border-top:1px solid #000; border-bottom-color:transparent;
d:rbt ovs:a bdt:n bdl, bl
display:ruby-text; overflow-style:auto; border-top:none; border-left:;
d:rbtg ovs:s bdtw bdl+
display:ruby-text-group; overflow-style:scrollbar; border-top-width:; border-left:1px solid #000;
v ovs:p bdts bdl:n
visibility:hidden; overflow-style:panner; border-top-style:; border-left:none;
v:v ovs:m bdts:n bdlw
visibility:visible; overflow-style:move; border-top-style:none; border-left-width:;
v:h ovs:mq bdtc bdls
visibility:hidden; overflow-style:marquee; border-top-color:#000; border-left-style:;
v:c zoo, zm bdtc:t bdls:n
visibility:collapse; zoom:1; border-top-color:transparent; border-left-style:none;
ov cp bdr, br bdlc
overflow:hidden; clip:; border-right:; border-left-color:#000;
ov:v cp:a bdr+ bdlc:t
overflow:visible; clip:auto; border-right:1px solid #000; border-left-color:transparent;
ov:h cp:r bdr:n bdrs
overflow:hidden; clip:rect(top right bottom left); border-right:none; border-radius:;
ov:s rsz bdrw bdtrrs
overflow:scroll; resize:; border-right-width:; border-top-right-radius:;
ov:a rsz:n bdrst bdtlrs
overflow:auto; resize:none; border-right-style:; border-top-left-radius:;
ovx rsz:b bdrst:n bdbrrs
overflow-x:hidden; resize:both; border-right-style:none; border-bottom-right-radius:;
ovx:v rsz:h bdrc bdblrs
overflow-x:visible; resize:horizontal; border-right-color:#000; border-bottom-left-radius:;
ovx:h rsz:v bdrc:t
overflow-x:hidden; resize:vertical; border-right-color:transparent;
ovx:s cur bdb, bb
overflow-x:scroll; cursor:${pointer}; border-bottom:;
16 9
bdti bdbli:c cur:a
border-top-image:url(); border-bottom-left-image:continue; cursor:auto; pl
padding-left:;
bdti:n bdf cur:d
border-top-image:none; border-fit:repeat; cursor:default; Box Sizing
bdri bdf:c cur:c bxz
border-right-image:url(); border-fit:clip; cursor:crosshair; box-sizing:border-box;
bdri:n bdf:r cur:ha bxz:cb
border-right-image:none; border-fit:repeat; cursor:hand; box-sizing:content-box;
bdbi bdf:sc cur:he bxz:bb
border-bottom-image:url(); border-fit:scale; cursor:help; box-sizing:border-box;
bdbi:n bdf:st cur:m bxsh
border-bottom-image:none; border-fit:stretch; cursor:move; box-shadow:inset hoff voff blur
bdli bdf:ow cur:p color;
border-left-image:url(); border-fit:overwrite; cursor:pointer; bxsh:r
bdli:n bdf:of cur:t box-shadow:inset hoff voff blur
border-left-image:none; border-fit:overflow; cursor:text; spread rgb(0, 0, 0);

bdci bdf:sp bxsh:ra


border-corner-image:url(); border-fit:space; Margin & Padding box-shadow:inset h v blur spread
m rgba(0, 0, 0, .5);
bdci:n bdlen
border-corner-image:none; border-length:; margin:; bxsh:n
m:a box-shadow:none;
bdci:c bdlen:a
border-corner-image:continue; border-length:auto;
margin:auto; w
mt width:;
bdtli bdsp margin-top:;
border-top-left-image:url(); border-spacing:; w:a
mt:a width:auto;
bdtli:n bds margin-top:auto;
border-top-left-image:none; border-style:;
h
mr height:;
bdtli:c bds:n margin-right:;
border-top-left-image:continue; border-style:none;
h:a
mr:a height:auto;
bdtri bds:h margin-right:auto; maw
border-top-right-image:url(); border-style:hidden;
mb max-width:;
bdtri:n bds:dt margin-bottom:; maw:n
border-top-right-image:none; border-style:dotted;
mb:a max-width:none;
bdtri:c bds:ds margin-bottom:auto; mah
border-top-right-image:continue; border-style:dashed; max-height:;
ml
bdbri bds:s margin-left:; mah:n
border-bottom-right-image:url(); border-style:solid; max-height:none;
ml:a
bdbri:n bds:db margin-left:auto; miw
border-bottom-right-image:none; border-style:double; min-width:;
p
bdbri:c bds:dtds padding:; mih
border-bottom-right-image:continue; border-style:dot-dash; min-height:;
pt
bdbli bds:dtdtds padding-top:;
border-bottom-left-image:url(); border-style:dot-dot-dash; Font
pr
bdbli:n bds:w padding-right:; f
border-bottom-left-image:none; border-style:wave; font:;
pb
padding-bottom:;
10 15
f+ ff:t Outline Tables
font:1em Arial,sans-serif; font-family: „Times New Roman",
Times, Baskerville, Georgia, serif; ol tbl
fw outline:; table-layout:;
font-weight:; ff:v
font-family: Verdana, Geneva, ol:n tbl:a
fw:n outline:none; table-layout:auto;
sans-serif;
font-weight:normal;
fef olo tbl:f
fw:b outline-offset:; table-layout:fixed;
font-effect:;
font-weight:bold;
fef:n olw cps
fw:br outline-width:; caption-side:;
font-effect:none;
font-weight:bolder;
fef:eg olw:tn cps:t
fw:lr outline-width:thin; caption-side:top;
font-effect:engrave;
font-weight:lighter;
fef:eb olw:m cps:b
fs, fs:i outline-width:medium; caption-side:bottom;
font-effect:emboss;
font-style:italic;
fef:o olw:tc ec
fs:n outline-width:thick; empty-cells:;
font-effect:outline;
font-style:normal;
fem ols ec:s
fs:o outline-style:; empty-cells:show;
font-emphasize:;
font-style:oblique;
femp ols:n ec:h
fv outline-style:none; empty-cells:hide;
font-variant:; font-emphasize-position:;
femp:b ols:dt
fv:n outline-style:dotted; Border
font-variant:normal; font-emphasize-position:before;
femp:a ols:ds bd
fv:sc outline-style:dashed; border:;
font-variant:small-caps; font-emphasize-position:after;
ols:s bd+
fz fems border:1px solid #000;
font-emphasize-style:; outline-style:solid;
font-size:;
ols:db bd:n
fza fems:n border:none;
font-emphasize-style:none; outline-style:double;
font-size-adjust:;
ols:g bdbk
fza:n fems:ac border-break:close;
font-emphasize-style:accent; outline-style:groove;
font-size-adjust:none;
ols:r bdbk:c
ff fems:dt border-break:close;
font-emphasize-style:dot; outline-style:ridge;
font-family:;
ols:i bdcl
ff:s fems:c border-collapse:;
font-emphasize-style:circle; outline-style:inset;
font-family:serif;
ols:o bdcl:c
ff:ss fems:ds border-collapse:collapse;
font-emphasize-style:disc; outline-style:outset;
font-family:sans-serif;
olc bdcl:s
ff:c fsm border-collapse:separate;
font-smooth:; outline-color:#000;
font-family:cursive;
olc:i bdc
ff:f fsm:a border-color:#000;
font-smooth:auto; outline-color:invert;
font-family:fantasy;
bdc:t
ff:m fsm:n border-color:transparent;
font-family:monospace; font-smooth:never;
bdi
ff:a fsm:aw border-image:url();
font-family: Arial, „Helvetica font-smooth:always;
Neue", Helvetica, sans-serif; bdi:n
border-image:none;
14 11
bgbk:eb Color fst ta:r
background-break:each-box; font-stretch:; text-align:right;
c
bgbk:c color:#000; fst:n ta:j
background-break:continuous; font-stretch:normal; text-align:justify;
c:r
bgcp color:rgb(0, 0, 0); fst:uc ta-lst
background-clip:padding-box; font-stretch:ultra-condensed; text-align-last:;
c:ra
bgcp:bb color:rgba(0, 0, 0, .5); fst:ec tal:a
background-clip:border-box; font-stretch:extra-condensed; text-align-last:auto;
op
bgcp:pb opacity:; fst:c tal:l
background-clip:padding-box; font-stretch:condensed; text-align-last:left;
bgcp:cb Generated content fst:sc tal:c
background-clip:content-box; cnt font-stretch:semi-condensed; text-align-last:center;
bgcp:nc content:''; fst:se tal:r
background-clip:no-clip; cnt:n, ct:n font-stretch:semi-expanded; text-align-last:right;
bgo content:normal; fst:e td, td:n
background-origin:; font-stretch:expanded; text-decoration:none;
cnt:oq, ct:oq
bgo:pb content:open-quote; fst:ee td:u
background-origin:padding-box; font-stretch:extra-expanded; text-decoration:underline;
cnt:noq, ct:noq
bgo:bb content:no-open-quote; fst:ue td:o
background-origin:border-box; font-stretch:ultra-expanded; text-decoration:overline;
cnt:cq, ct:cq
bgo:cb content:close-quote; td:l
background-origin:content-box; Text text-decoration:line-through;
cnt:ncq, ct:ncq
bgsz content:no-close-quote; va te
background-size:; vertical-align:top; text-emphasis:;
cnt:a, ct:a
bgsz:a content:attr(); va:sup te:n
background-size:auto; vertical-align:super; text-emphasis:none;
cnt:c, ct:c
bgsz:ct content:counter(); va:t te:ac
background-size:contain; vertical-align:top; text-emphasis:accent;
cnt:cs, ct:cs
bgsz:cv content:counters(); va:tt te:dt
background-size:cover; vertical-align:text-top; text-emphasis:dot;
ct
content:; va:m te:c
vertical-align:middle; text-emphasis:circle;
q
quotes:; va:bl te:ds
vertical-align:baseline; text-emphasis:disc;
q:n
quotes:none; va:b te:b
vertical-align:bottom; text-emphasis:before;
q:ru
quotes:‘\00AB‘ ‚\00BB‘ ‚\201E‘ va:tb te:a
‚\201C‘; vertical-align:text-bottom; text-emphasis:after;
q:en va:sub th
quotes:‘\201C‘ ‚\201D‘ ‚\2018‘ vertical-align:sub; text-height:;
‚\2019‘; ta, ta:l th:a
coi text-align:left; text-height:auto;
counter-increment:; ta:c th:f
cor text-align:center; text-height:font-size;
counter-reset:;
12 13
th:t tw whsc:l Background
text-height:text-size; text-wrap:; white-space-collapse:loose;
bg
th:m tw:n whsc:bs background:#000;
text-height:max-size; text-wrap:normal; white-space-collapse:break-strict;
bg+
ti tw:no whsc:ba background:#fff url() 0 0
text-indent:; text-wrap:none; white-space-collapse:break-all; no-repeat;
ti:- tw:u wob bg:n
text-indent:-9999px; text-wrap:unrestricted; word-break:; background:none;
tj tw:s wob:n bgc
text-justify:; text-wrap:suppress; word-break:normal; background-color:#fff;
tj:a tsh wob:k bgc:t
text-justify:auto; text-shadow:hoff voff blur #000; word-break:keep-all; background-color:transparent;
tj:iw tsh:r wob:ba bgi
text-justify:inter-word; text-shadow:h v blur rgb(0, 0, 0); word-break:break-all; background-image:url();
tj:ii tsh:ra wos bgi:n
text-justify:inter-ideograph; text-shadow:h v blur rgba(0, 0, 0, word-spacing:; background-image:none;
.5);
tj:ic wow bgr
text-justify:inter-cluster; tsh+ word-wrap:; background-repeat:;
text-shadow:0 0 0 #000;
tj:d wow:nm bgr:n
text-justify:distribute; tsh:n word-wrap:normal; background-repeat:no-repeat;
text-shadow:none;
tj:k wow:n bgr:x
text-justify:kashida; lh word-wrap:none; background-repeat:repeat-x;
line-height:;
tj:t wow:u bgr:y
text-justify:tibetan; lts word-wrap:unrestricted; background-repeat:repeat-y;
letter-spacing:;
to wow:s bgr:sp
text-outline:; lts-n word-wrap:suppress; background-repeat:space;
letter-spacing:normal;
to+ wow:b bgr:rd
text-outline:0 0 #000; whs word-wrap:break-word; background-repeat:round;
white-space:;
to:n bga
text-outline:none; whs:n background-attachment:;
white-space:normal;
tr bga:f
text-replace:; whs:p background-attachment:fixed;
white-space:pre;
tr:n bga:s
text-replace:none; whs:nw background-attachment:scroll;
white-space:nowrap;
tt bgp
text-transform:uppercase; whs:pw background-position:0 0;
white-space:pre-wrap;
tt:n bgpx
text-transform:none; whs:pl background-position-x:;
white-space:pre-line;
tt:c bgpy
text-transform:capitalize; whsc background-position-y:;
white-space-collapse:;
tt:u bgbk
text-transform:uppercase; whsc:n background-break:;
white-space-collapse:normal;
tt:l bgbk:bb
text-transform:lowercase; whsc:k background-break:bounding-box;
white-space-collapse:keep-all;

You might also like