Загрузил Евгений Кириченко

Emmet

реклама
Справочник сокращений EMMET
Синтаксис Emmet
Умножение: *
ul>li*3
Дочерний: >
nav>ul>li
ul>li.item-$*2
<div></div>
<p></p>
<blockquote></blockquote>
Нумерация элементов с определённого значения: $ и @
Подняться выше: ^
div>p>span+em^bq
<div>
<p><span></span><em></em></p>
<blockquote></blockquote>
</div>
Пользовательские атрибуты: []
p[title="Hello world"]
<p title="Hello world"></p>
<ul>
<li class="item3"></li>
<li class="item4"></li>
</ul>
<div id="header"></div>
<div class="class"></div>
Неявные имена тегов
.class
<div class="class"></div>
em>.class
<em><span class="class"></span></em>
ul>.class
<ul>
<li class="class"></li>
</ul>
table>.row>.col
<a href="">Click me</a>
<ul>
<li class="item-1"></li>
<li class="item-2"></li>
</ul>
Атрибуты ID и CLASS
#header+.class
<div>
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
</div>
<footer>
<p></p>
</footer>
Текст: {}
a{Click me}
Нумерация элементов: $
ul>li.item$@3*2
Группирование: ()
(div>dl>(dt+dd)*2)+footer>p
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<nav>
<ul>
<li></li>
</ul>
</nav>
Одноуровневый: +
div+p+bq
Документация создана при поддержке проекта
sitkodenis.ru
<table>
<tr class="row">
<td class="col"></td>
</tr>
</table>
Справочник сокращений EMMET
HTML
Гиперссылка
a
a:link
a:mail
<a href=""></a>
<a href="http://"></a>
<a href="mailto:"></a>
abbr
acronym, acr
base
basefont
br
frame
hr
bdo
bdo:l
bdo:r
col
<abbr title=""></abbr>
<acronym title=""></acronym>
<base href="" />
<basefont />
<br />
<frame />
<hr />
<bdo dir=""></bdo>
<bdo dir="ltr"></bdo>
<bdo dir="rtl"></bdo>
<col />
Подключение внешнего документа
link
<link rel="stylesheet" href="" />
link:css
<link rel="stylesheet" href="style.css" />
link:print
<link rel="stylesheet" href="print.css" media="print" />
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" />
link:atom
<link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml" />
link:import, link:im
<link rel="import" href="component.html" />
Метаинформация
Документация создана при поддержке проекта
sitkodenis.ru
meta <meta />
meta:utf
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
meta:win
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />
meta:vp
<meta name="viewport" content="width=device-width, user-scalable=no, initialscale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
meta:compat <meta http-equiv="X-UA-Compatible" content="IE=7" />
style
script
script:src
<style></style>
<script></script>
<script src=""></script>
Изображения, медийный ресурсы
img
img:srcset, img:s
img:sizes, img:z
picture, pic
pic+
<img src="" alt="" />
<img srcset="" src="" alt="" />
<img sizes="" srcset="" src="" alt="" />
<picture></picture>
<picture>
<source srcset="" />
<img src="" alt="" />
</picture>
source, src
<source />
source:src, src:sc
<source src="" type="" />
source:srcset, src:s
<source srcset="" />
source:media, src:m <source media="(min-width: )" srcset="" />
source:type, src:t
<source srcset="" type="image/" />
source:sizes, src:z
<source sizes="" srcset="" />
source:media:type, src:mt
<source media="(min-width: )" srcset="" type="image/" />
source:media:sizes, src:mz
<source media="(min-width: )" sizes="" srcset="" />
source:sizes:type, src:zt
<source sizes="" srcset="" type="image/" />
iframe, ifr
<iframe src="" frameborder="0"></iframe>
Справочник сокращений EMMET
embed, emb
object, obj
param
map
area
area:d
area:c
area:r
area:p
<embed src="" type="" />
<object data="" type=""></object>
<param name="" value="" />
<map name=""></map>
<area shape="" coords="" href="" alt="" />
<area shape="default" href="" alt="" />
<area shape="circle" coords="" href="" alt="" />
<area shape="rect" coords="" href="" alt="" />
<area shape="poly" coords="" href="" alt="" />
Форма и ее элементы
btn <button></button>
button:submit, button:s, btn:s
<button type="submit"></button>
button:reset, button:r, btn:r
<button type="reset"></button>
button:disabled, button:d, btn:d <button disabled="disabled"></button>
fst, fset <fieldset></fieldset>
fieldset:disabled, fieldset:d, fset:d, fst:d
<fieldset disabled="disabled"></fieldset>
form
<form action=""></form>
form:get
<form action="" method="get"></form>
form:post
<form action="" method="post"></form>
keygen, kg
<keygen />
label
<label for=""></label>
leg
<legend></legend>
input
<input type="text" />
input:hidden, input:h
<input type="hidden" name="" />
inp, input:text, input:t
<input type="text" name="" id="" />
input:search
<input type="search" name="" id="" />
input:email
<input type="email" name="" id="" />
input:url
<input type="url" name="" id="" />
input:password, input:p
<input type="password" name="" id="" />
input:datetime
<input type="datetime" name="" id="" />
input:date
<input type="date" name="" id="" />
input:datetime-local
<input type="datetime-local" name="" id="" />
input:month
<input type="month" name="" id="" />
input:week
<input type="week" name="" id="" />
Документация создана при поддержке проекта
sitkodenis.ru
input:time
<input type="time" name="" id="" />
input:tel
<input type="tel" name="" id="" />
input:number
<input type="number" name="" id="" />
input:color
<input type="color" name="" id="" />
input:checkbox, input:c <input type="checkbox" name="" id="" />
input:radio, input:r
<input type="radio" name="" id="" />
input:range
<input type="range" name="" id="" />
input:file, input:f
<input type="file" name="" id="" />
input:submit, input:s
<input type="submit" value="" />
input:image, input:i
<input type="image" src="" alt="" />
input:button, input:b
<input type="button" value="" />
input:reset
<input type="reset" value="" />
select
<select name="" id=""></select>
select:disabled, select:d <select name="" id="" disabled="disabled"></select>
select+ <select name="" id="">
<option value=""></option>
</select>
optg
<optgroup></optgroup>
option, opt
<option value=""></option>
optgroup+, optg+ <optgroup>
<option value=""></option>
</optgroup>
textarea, tarea
<textarea name="" id="" cols="30" rows="10"></textarea>
adr
art
audio
bq
cap
command, cmd
datal
datag
det
dlg
Isindex
<address></address>
<article></article>
<audio src=""></audio>
<blockquote></blockquote>
<caption></caption>
<command />
<datalist></datalist>
<datagrid></datagrid>
<details></details>
<dialog></dialog>
<isindex />
Справочник сокращений EMMET
fig
figc
ftr
hdr
mn
marquee
menu:context, menu:c
menu:toolbar, menu:t
out
prog
ri:dpr, ri:d
ri:viewport, ri:v
ri:art, ri:a
<figure></figure>
<figcaption></figcaption>
<footer></footer>
<header></header>
<main></main>
<marquee behavior="" direction=""></marquee>
<menu type="context"></menu>
<menu type="toolbar"></menu>
<output></output>
<progress></progress>
<img srcset="" src="" alt="" />
<img sizes="" srcset="" src="" alt="" />
<picture>
<source media="(min-width: )" srcset="" />
<img src="" alt="" />
</picture>
<picture>
<source srcset="" type="image/" />
<img src="" alt="" />
</picture>
<section></section>
<strong></strong>
<template></template>
<video src=""></video>
<map name="">
<area shape="" coords="" href="" alt="" />
</map>
ri:type, ri:t
sect
str
tem
video
map+
Списки
dl+ <dl>
<dt></dt>
<dd></dd>
</dl>
ol+
<ol>
<li></li>
</ol>
ul+
<ul>
<li></li>
</ul>
Документация создана при поддержке проекта
sitkodenis.ru
Таблицы
table+
colg
colgroup+, colg+
tr+
<table>
<tr>
<td></td>
</tr>
</table>
<colgroup></colgroup>
<colgroup>
<col />
</colgroup>
<tr>
<td></td>
</tr>
Справочник сокращений EMMET
CSS
Визуальное форматирование
pos
pos:s
pos:a
pos:r
pos:f
t
t:a
r
r:a
b
b:a
l
l:a
z
z:a
fl
fl:n
fl:l
fl:r
cl
cl:n
cl:l
cl:r
cl:b
d
d:n
d:b
d:f
d:if
position:relative;
position:static;
position:absolute;
position:relative;
position:fixed;
top:;
top:auto;
right:;
right:auto;
bottom:;
bottom:auto;
left:;
left:auto;
z-index:;
z-index:auto;
float:left;
float:none;
float:left;
float:right;
clear:both;
clear:none;
clear:left;
clear:right;
clear:both;
display:block;
display:none;
display:block;
display:flex;
display:inline-flex;
d:i
d:ib
d:li
d:ri
d:cp
d:tb
d:itb
d:tbcp
d:tbcl
d:tbclg
d:tbhg
d:tbfg
d:tbr
d:tbrg
d:tbc
d:rb
d:rbb
d:rbbg
d:rbt
d:rbtg
v
v:v
v:h
v:c
ov
ov:v
ov:h
ov:s
ov:a
display:inline;
display:inline-block;
display:list-item;
display:run-in;
display:compact;
display:table;
display:inline-table;
display:table-caption;
display:table-column;
display:table-column-group;
display:table-header-group;
display:table-footer-group;
display:table-row;
display:table-row-group;
display:table-cell;
display:ruby;
display:ruby-base;
display:ruby-base-group;
display:ruby-text;
display:ruby-text-group;
visibility:hidden;
visibility:visible;
visibility:hidden;
visibility:collapse;
overflow:hidden;
overflow:visible;
overflow:hidden;
overflow:scroll;
overflow:auto;
Документация создана при поддержке проекта
sitkodenis.ru
ovx
ovx:v
ovx:h
ovx:s
ovx:a
ovy
ovy:v
ovy:h
ovy:s
ovy:a
ovs
ovs:a
ovs:s
ovs:p
ovs:m
ovs:mq
zoo, zm
overflow-x:hidden;
overflow-x:visible;
overflow-x:hidden;
overflow-x:scroll;
overflow-x:auto;
overflow-y:hidden;
overflow-y:visible;
overflow-y:hidden;
overflow-y:scroll;
overflow-y:auto;
overflow-style:scrollbar;
overflow-style:auto;
overflow-style:scrollbar;
overflow-style:panner;
overflow-style:move;
overflow-style:marquee;
zoom:1;
cp
cp:a
cp:r
rsz
rsz:n
rsz:b
rsz:h
rsz:v
cur
cur:a
cur:d
cur:c
cur:ha
cur:he
cur:m
cur:p
cur:t
clip:;
clip:auto;
clip:rect(top right bottom left);
resize:;
resize:none;
resize:both;
resize:horizontal;
resize:vertical;
cursor:${pointer};
cursor:auto;
cursor:default;
cursor:crosshair;
cursor:hand;
cursor:help;
cursor:move;
cursor:pointer;
cursor:text;
Поле и отступы
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:;
Справочник сокращений EMMET
Размер блока
bxz
bxz:cb
bxz:bb
bxsh
bxsh:r
bxsh:ra
bxsh:n
w
w:a
h
box-sizing:border-box;
h:a
height:auto;
box-sizing:content-box; maw
max-width:;
box-sizing:border-box;
maw:n max-width:none;
box-shadow:inset hoff voff blur color;
box-shadow:inset hoff voff blur spread rgb(0, 0, 0);
box-shadow:inset h v blur spread rgba(0, 0, 0, .5);
box-shadow:none;
mah
max-height:;
width:;
mah:n max-height:none;
width:auto;
miw
min-width:;
height:;
mih
min-height:;
ff:c
ff:f
ff:m
ff:a
ff:t
ff:v
fst
fst:n
fst:uc
fst:ec
fst:c
font-family:cursive;
fsm:n
font-smooth:never;
font-family:fantasy;
fsm:aw font-smooth:always;
font-family:monospace; fst:sc
font-stretch:semi-condensed;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
font-family: Verdana, Geneva, sans-serif;
font-stretch:;
fst:se font-stretch:semi-expanded;
font-stretch:normal;
fst:e
font-stretch:expanded;
font-stretch:ultra-condensed; fst:ee font-stretch:extra-expanded;
font-stretch:extra-condensed; fst:ue font-stretch:ultra-expanded;
font-stretch:condensed;
Текст
Шрифт
f
fw
fw:n
fw:b
fw:br
fw:lr
fs, fs:i
fs:n
fs:o
fv
fv:n
fv:sc
fz
fza
fza:n
ff
ff:s
ff:ss
Документация создана при поддержке проекта
sitkodenis.ru
font:;
font-weight:;
font-weight:normal;
font-weight:bold;
font-weight:bolder;
font-weight:lighter;
font-style:italic;
font-style:normal;
font-style:oblique;
font-variant:;
font-variant:normal;
font-variant:small-caps;
font-size:;
font-size-adjust:;
font-size-adjust:none;
font-family:;
font-family:serif;
font-family:sans-serif;
f+
fef
fef:n
fef:eg
fef:eb
fef:o
fem
femp
femp:b
femp:a
fems
fems:n
fems:ac
fems:dt
fems:c
fems:ds
fsm
fsm:a
font:1em Arial,sans-serif;
font-effect:;
font-effect:none;
font-effect:engrave;
font-effect:emboss;
font-effect:outline;
font-emphasize:;
font-emphasize-position:;
font-emphasize-position:before;
font-emphasize-position:after;
font-emphasize-style:;
font-emphasize-style:none;
font-emphasize-style:accent;
font-emphasize-style:dot;
font-emphasize-style:circle;
font-emphasize-style:disc;
font-smooth:;
font-smooth:auto;
va
va:sup
va:t
va:tt
va:m
va:bl
va:b
va:tb
va:sub
ta, ta:l
ta:c
ta:r
ta:j
ta-lst
tal:a
tal:l
tal:c
tal:r
td, td:n
vertical-align:top;
vertical-align:super;
vertical-align:top;
vertical-align:text-top;
vertical-align:middle;
vertical-align:baseline;
vertical-align:bottom;
vertical-align:text-bottom;
vertical-align:sub;
text-align:left;
text-align:center;
text-align:right;
text-align:justify;
text-align-last:;
text-align-last:auto;
text-align-last:left;
text-align-last:center;
text-align-last:right;
text-decoration:none;
te:c
te:ds
te:b
te:a
th
th:a
th:f
th:t
th:m
ti
ti:tj
tj:a
tj:iw
tj:ii
tj:ic
tj:d
tj:k
tj:t
text-emphasis:circle;
text-emphasis:disc;
text-emphasis:before;
text-emphasis:after;
text-height:;
text-height:auto;
text-height:font-size;
text-height:text-size;
text-height:max-size;
text-indent:;
text-indent:-9999px;
text-justify:;
text-justify:auto;
text-justify:inter-word;
text-justify:inter-ideograph;
text-justify:inter-cluster;
text-justify:distribute;
text-justify:kashida;
text-justify:tibetan;
Справочник сокращений EMMET
td:u
td:o
td:l
te
te:n
te:ac
te:dt
tt:c
tt:u
tt:l
tw
tw:n
tw:no
tw:u
tw:s
tsh
tsh:r
tsh:ra
tsh+
tsh:n
lh
lts
lts-n
whs
whs:n
whs:p
whs:nw
whs:pw
text-decoration:underline;
to
text-outline:;
text-decoration:overline;
to+
text-outline:0 0 #000;
text-decoration:line-through; to:n
text-outline:none;
text-emphasis:;
tr
text-replace:;
text-emphasis:none;
tr:n
text-replace:none;
text-emphasis:accent;
tt
text-transform:uppercase;
text-emphasis:dot;
tt:n
text-transform:none;
text-transform:capitalize;
whs:pl white-space:pre-line;
text-transform:uppercase;
whsc
white-space-collapse:;
text-transform:lowercase; whsc:n
white-space-collapse:normal;
text-wrap:;
whsc:k
white-space-collapse:keep-all;
text-wrap:normal;
whsc:l
white-space-collapse:loose;
text-wrap:none;
whsc:bs white-space-collapse:break-strict;
text-wrap:unrestricted;
whsc:ba
white-space-collapse:break-all;
text-wrap:suppress;
wob
word-break:;
text-shadow:hoff voff blur #000;
text-shadow:h v blur rgb(0, 0, 0);
text-shadow:h v blur rgba(0, 0, 0, .5);
text-shadow:0 0 0 #000; wob:n
word-break:normal;
text-shadow:none;
wob:k
word-break:keep-all;
line-height:;
wob:ba word-break:break-all;
letter-spacing:;
wos
word-spacing:;
letter-spacing:normal;
wow
word-wrap:;
white-space:;
wow:nm word-wrap:normal;
white-space:normal;
wow:n
word-wrap:none;
white-space:pre;
wow:u
word-wrap:unrestricted;
white-space:nowrap;
wow:s
word-wrap:suppress;
white-space:pre-wrap;
wow:b
word-wrap:break-word;
bgc:t
background-color:transparent; bgbk:eb background-break:each-box;
bgi
background-image:url();
bgbk:c
background-break:continuous;
bgi:n
background-image:none;
bgcp
background-clip:padding-box;
bgr
background-repeat:;
bgcp:bb background-clip:border-box;
bgr:n
background-repeat:no-repeat; bgcp:pb background-clip:padding-box;
bgr:x
background-repeat:repeat-x;
bgcp:cb background-clip:content-box;
bgr:y
background-repeat:repeat-y;
bgcp:nc background-clip:no-clip;
bgr:sp background-repeat:space;
bgo
background-origin:;
background-origin:padding-box;
bgr:rd background-repeat:round;
bgo:pb
bga
background-attachment:;
bgo:bb
background-origin:border-box;
background-origin:content-box;
bga:f
background-attachment:fixed; bgo:cb
bga:s
background-attachment:scroll; bgsz
background-size:;
bgp
background-position:0 0;
bgsz:a
background-size:auto;
bgpx
background-position-x:;
bgsz:ct
background-size:contain;
bgpy background-position-y:; bgsz:cv
background-size:cover;
bgbk background-break:;
bgbk:bb background-break:bounding-box;
Цвет
c
c:r
background:#000;
background:#fff url() 0 0 no-repeat;
bg:n
bgc
background:none;
background-color:#fff;
color:#000;
color:rgb(0, 0, 0);
c:ra
op
color:rgba(0, 0, 0, .5);
opacity:;
Сгенерированный контент
cnt
content:'';
concnt:a, ct:a
content:attr();
cnt:n, ct:n
content:normal;
cnt:c, ct:c
content:counter();
cnt:oq, ct:oq
content:open-quote;
cnt:cs, ct:cs
content:counters();
cnt:noq, ct:noq
content:no-open-quote;
ct
content:;
cnt:cq, ct:cq
content:close-quote;
q
quotes:;
cnt:ncq, ct:ncq
tent:no-close-quote;
q:n
quotes:none;
coi
Фон
bg
bg+
Документация создана при поддержке проекта
sitkodenis.ru
counter-increment:;
cor counter-reset:;
q:ru
quotes:’\00AB‘ ‚\00BB‘ ‚\201E‘ ‚\201C‘;
q:en
quotes:‘\201C‘ ‚\201D‘ ‚\2018‘ ‚\2019‘;
Справочник сокращений EMMET
Контур
ol
ol:n
olo
olw
olw:tn
olw:m
olw:tc
ols
ols:n
ols:dt
outline:;
outline:none;
outline-offset:;
outline-width:;
outline-width:thin;
outline-width:medium;
outline-width:thick;
outline-style:;
outline-style:none;
outline-style:dotted;
ols:ds
ols:s
ols:db
ols:g
ols:r
ols:i
ols:o
olc
olc:i
outline-style:dashed;
outline-style:solid;
outline-style:double;
outline-style:groove;
outline-style:ridge;
outline-style:inset;
outline-style:outset;
outline-color:#000;
outline-color:invert;
Таблица
tbl
tbl:a
tbl:f
cps
cps:t
table-layout:;
table-layout:auto;
table-layout:fixed;
caption-side:;
caption-side:top;
cps:b
ec
ec:s
ec:h
caption-side:bottom;
empty-cells:;
empty-cells:show;
empty-cells:hide;
Граница
bd
bd+
bd:n
bdbk
bdbk:c
bdcl
bdcl:c
bdcl:s
bdc
bdc:t
bdi
border:;
border:1px solid #000;
border:none;
border-break:close;
border-break:close;
border-collapse:;
border-collapse:collapse;
border-collapse:separate;
border-color:#000;
border-color:transparent;
border-image:url();
bdi:n
bdti
bdti:n
bdri
bdri:n
bdbi
bdbi:n
bdli
bdli:n
bdci
bdci:n
border-image:none;
border-top-image:url();
border-top-image:none;
border-right-image:url();
border-right-image:none;
border-bottom-image:url();
border-bottom-image:none;
border-left-image:url();
border-left-image:none;
border-corner-image:url();
border-corner-image:none;
Документация создана при поддержке проекта
sitkodenis.ru
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:st
bdf:ow
bdf:of
bdf:sp
bdlen
bdlen:a
bdsp
bds
bds:n
bds:h
bds:dt
bds:ds
bds:s
bds:db
border-corner-image:continue;
bds:dtds
border-style:dot-dash;
border-top-left-image:url();
bds:dtdtds border-style:dot-dot-dash;
border-top-left-image:none;
bds:w
border-style:wave;
border-top-left-image:continue;
bds:g
border-style:groove;
border-top-right-image:url();
bds:r
border-style:ridge;
border-top-right-image:none;
bds:i
border-style:inset;
border-top-right-image:continue; bds:o
border-style:outset;
border-bottom-right-image:url();
bdw
border-width:;
border-bottom-right-image:none; bdt, bt
border-top:;
border-bottom-right-image:continue; bdt+
border-top:1px solid #000;
border-bottom-left-image:url();
bdt:n border-top:none;
border-bottom-left-image:none;
bdtw border-top-width:;
border-bottom-left-image:continue;
bdts
border-top-style:;
border-fit:repeat;
bdts:n
border-top-style:none;
border-fit:clip;
bdtc
border-top-color:#000;
border-fit:repeat;
bdtc:t
border-top-color:transparent;
border-fit:scale;
bdr, br
border-right:;
border-fit:stretch;
bdr+
border-right:1px solid #000;
border-fit:overwrite;
bdr:n
border-right:none;
border-fit:overflow;
bdrw
border-right-width:;
border-fit:space;
bdrst
border-right-style:;
border-length:;
bdrst:n
border-right-style:none;
border-length:auto;
bdrc
border-right-color:#000;
border-spacing:;
bdrc:t
border-right-color:transparent;
border-style:;
bdb, bb border-bottom:;
border-style:none;
bdb+
border-bottom:1px solid #000;
border-style:hidden;
bdb:n
border-bottom:none;
border-style:dotted;
bdbw
border-bottom-width:;
border-style:dashed;
bdbs
border-bottom-style:;
border-style:solid;
bdbs:n
border-bottom-style:none;
border-style:double;
bdbc
border-bottom-color:#000;
Справочник сокращений EMMET
bdbc:t
bdl, bl
bdl+
bdl:n
bdlw
bdls
bdls:n
border-bottom-color:transparent; bdlc
border-left-color:#000;
border-left:;
bdlc:t border-left-color:transparent;
border-left:1px solid #000; bdrs
border-radius:;
border-left:none;
bdtrrs border-top-right-radius:;
border-left-width:;
bdtlrs border-top-left-radius:;
border-left-style:;
bdbrrs border-bottom-right-radius:;
border-left-style:none;
bdblrs border-bottom-left-radius:;
Документация создана при поддержке проекта
sitkodenis.ru
@f
@f+
Списки
lis
lis:n
lisp
lisp:i
lisp:o
list
list:n
list:d
list-style:;
list-style:none;
list-style-position:;
list-style-position:inside;
list-style-position:outside;
list-style-type:;
list-style-type:none;
list-style-type:disc;
list:c
list:s
list:dc
list:dclz
list:lr
list:ur
lisi
lisi:n
list-style-type:circle;
list-style-type:square;
list-style-type:decimal;
list-style-type:decimal-leading-zero;
list-style-type:lower-roman;
list-style-type:upper-roman;
list-style-image:;
list-style-image:none;
@kf
Печать
pgbb
pgbb:au
pgbb:al
pgbb:l
pgbb:r
pgbi
pgbi:au
pgbi:av
page-break-before:;
page-break-before:auto;
page-break-before:always;
page-break-before:left;
page-break-before:right;
page-break-inside:;
page-break-inside:auto;
page-break-inside:avoid;
pgba
pgba:au
pgba:al
pgba:l
pgba:r
orp
wid
page-break-after:;
page-break-after:auto;
page-break-after:always;
page-break-after:left;
page-break-after:right;
orphans:;
widows:;
Другое
!
!important
@i, @import
@m, @media
@import url();
@media screen { }
ac
ac:c
ac:fe
ac:fs
ac:s
ac:sa
@font-face {
font-family:;
src:url(|);
}
@font-face {
font-family: ‚FontName‘;
src: url(‚FileName.eot‘);
src: url(‚FileName.eot?#iefix‘) format(‚embedded-opentype‘),
url(‚FileName.woff‘) format(‚woff‘),
url(‚FileName.ttf‘) format(‚truetype‘),
url(‚FileName.svg#FontName‘) format(‚svg‘);
font-style: normal;
font-weight: normal;
}
@-webkit-keyframes identifier {
from { }
to { }
}
@-o-keyframes identifier {
from { }
to { }
}
@-moz-keyframes identifier {
from { }
to { }
}
@keyframes identifier {
from { }
to { }
}
align-content:;
ai
align-items:;
align-content:center;
ai:b
align-items:baseline;
align-content:flex-end;
ai:c
align-items:center;
align-content:flex-start;
ai:fe
align-items:flex-end;
align-content:stretch;
ai:fs
align-items:flex-start;
align-content:space-around;
ai:s
align-items:stretch;
Справочник сокращений EMMET
ac:sb
align-content:space-between;
Документация создана при поддержке проекта
sitkodenis.ru
Анимация
colmr
colmrc
colmrs
column-rule:;
column-rule-color:;
column-rule-style:;
anim
anim-
colmrw
column-rule-width:;
animation:;
as
align-self:;
animation:name duration timing-function delay iteration-count
direction fill-mode;
animdel
animation-delay:time;
as:a
align-self:auto;
animdir
animation-direction:normal;
as:b
align-self:baseline;
animdir:a animation-direction:alternate; as:c
align-self:center;
animdir:ar animation-direction:alternate-reverse;
animdir:n animation-direction:normal;
as:fe
align-self:flex-end;
animdir:r animation-direction:reverse;
as:fs
align-self:flex-start;
animdur
animation-duration:0s;
as:s
align-self:stretch;
animfm
animation-fill-mode:both;
bfv
backface-visibility:;
animfm:b animation-fill-mode:backwards;
animfm:bt, animfm:bh animation-fill-mode:both;
animfm:f
animation-fill-mode:forwards; bfv:h
backface-visibility:hidden;
animic
animation-iteration-count:1;
bfv:v
backface-visibility:visible;
animic:i
animation-iteration-count:infinite;
bg:ie
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘x.png‘,sizingMethod=’crop‘);
animn
animps
animps:p
animps:r
animtf
animtf:cb
animtf:e
animtf:ei
animtf:eio
animtf:eo
animtf:l
ap
animation-name:none;
cm
/* ${child} */
animation-play-state:running;
colm
columns:;
animation-play-state:paused;
colmc
column-count:;
animation-play-state:running;
colmf
column-fill:;
animation-timing-function:linear;
animation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1);
animation-timing-function:ease;
animation-timing-function:ease-in;
animation-timing-function:ease-in-out;
animation-timing-function:ease-out;
animation-timing-function:linear;
appearance:${none};
colmg
column-gap:;
colms
colmw
d:ib+
column-span:;
column-width:;
display: inline-block;
*display: inline;
*zoom: 1;
Flex
fx
fxb
fxd
fxd:c
fxd:r
fxd:cr
fxd:rr
fxf
flex:;
jc:c
justify-content:center;
flex-basis:;
jc:fe
justify-content:flex-end;
flex-direction:;
jc:fs
justify-content:flex-start;
flex-direction:column;
jc:sa justify-content:space-around;
flex-direction:row;
jc:sb justify-content:space-between;
flex-direction:column-reverse; mar
max-resolution:res;
flex-direction:row-reverse;
mir
min-resolution:res;
flex-flow:;
op+
opacity: ;
filter: alpha(opacity=);
op:ie
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
op:ms -ms-filter:‘progid:DXImageTransform.Microsoft.Alpha(Opacity=100)‘;
fxg
flex-grow:;
ord
order:;
fxsh
flex-shrink:;
ori
orientation:;
fxw
flex-wrap: ;
ori:l
orientation:landscape;
fxw:n
flex-wrap:nowrap;
ori:p
orientation:portrait;
fxw:w
flex-wrap:wrap;
tov
text-overflow:${ellipsis};
fxw:wr
flex-wrap:wrap-reverse;
tov:c
text-overflow:clip;
jc
justify-content:;
tov:e
text-overflow:ellipsis;
Трансформация, Переход
trf
trf:r
trf:rx
trf:ry
transform:;
transform: rotate(angle);
transform: rotateX(angle);
transform: rotateY(angle);
trf:rz
trf:sc
trf:sc3
trf:scx
transform: rotateZ(angle);
transform: scale(x, y);
transform: scale3d(x, y, z);
transform: scaleX(x);
Справочник сокращений EMMET
trf:scy
trf:scz
trf:skx
trf:sky
trf:t
trf:t3
trf:tx
trf:ty
trf:tz
trfo
trfs
trs
trsde
trsdu
trsp
trstf
transform: scaleY(y);
us
user-select:${none};
transform: scaleZ(z);
wfsm
-webkit-font-smoothing:${antialiased};
transform: skewX(angle); wfsm:a -webkit-font-smoothing:antialiased;
transform: skewY(angle); wfsm:n -webkit-font-smoothing:none;
wfsm:s, wfsm:sa
-webkit-font-smoothing:subpixel-antialiased;
transform: translate(x, y); wm
writing-mode:lr-tb;
transform: translate3d(tx, ty, tz);
transform: translateX(x); wm:btl writing-mode:bt-lr;
transform: translateY(y); wm:btr writing-mode:bt-rl;
transform: translateZ(z); wm:lrb writing-mode:lr-bt;
transform-origin:;
wm:lrt
writing-mode:lr-tb;
transform-style:preserve-3d;
transition:prop time;
wm:rlb writing-mode:rl-bt;
transition-delay:time;
wm:rlt
writing-mode:rl-tb;
transition-duration:time; wm:tbl writing-mode:tb-lr;
transitionwm:tbr writing-mode:tb-rl;
property:prop;
transition-timing-function:tfunc;
Документация создана при поддержке проекта
sitkodenis.ru
Справочник сокращений EMMET
XSL
tmatch, tm
tname, tn
call
ap
api
imp
inc
ch
xsl:when, wh
ot
if
par
pare
var
vare
wp
key
elem
attr
attrs
cp
co
val
each, for
tex
com
msg
fall
num
nam
<xsl:template match="" mode=""></ xsl:template>
<xsl:template name=""></ xsl:template>
<xsl:call-template name="" />
<xsl:apply-templates select="" mode="" />
<xsl:apply-imports />
<xsl:import href="" />
<xsl:include href="" />
<xsl:choose></xsl:choose>
<xsl:when test=""></xsl:when>
<xsl:otherwise></xsl:otherwise>
<xsl:if test=""></xsl:if>
<xsl:param name=""></xsl:param>
<xsl:param name="" select="" />
<xsl:variable name=""></ xsl:variable>
<xsl:variable name="" select="" />
<xsl:with-param name="" select="" />
<xsl:key name="" match="" use="" />
<xsl:element name=""></xsl:element>
<xsl:attribute name=""></ xsl:attribute>
<xsl:attribute-set name=""></ xsl:attribute-set>
<xsl:copy select="" />
<xsl:copy-of select="" />
<xsl:value-of select="" />
<xsl:for-each select=""></xsl:for-each>
<xsl:text></xsl:text>
<xsl:comment></xsl:comment>
<xsl:message terminate="no"></xsl:message>
<xsl:fallback></xsl:fallback>
<xsl:number value="" />
<namespace-alias stylesheet-prefix="" result-prefix="" />
Документация создана при поддержке проекта
sitkodenis.ru
pres
<xsl:preserve-space elements="" />
strip
<xsl:strip-space elements="" />
proc
sort
<xsl:processing-instruction name=""></xsl:processing-instruction>
choose+
<xsl:choose>
<xsl:when test=""></xsl:when>
<xsl:otherwise></xsl:otherwise>
</xsl:choose>
<xsl:sort select="" order="" />
xsl
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
</xsl:stylesheet>
!!!
<?xml version="1.0" encoding="UTF-8"?>
Справочник сокращений EMMET
HTML DOCTYPES
!, html:5
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
doc
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
</body>
</html>
doc4
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Document</title>
</head>
<body>
</body>
</html>
Документация создана при поддержке проекта
sitkodenis.ru
html:4t
<!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
<!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>
html:xt
<!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>
Справочник сокращений EMMET
Документация создана при поддержке проекта
sitkodenis.ru
html:xs
!!!xt
<!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>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
</body>
</html>
html:xml
html:xxs
<!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>
!!!
<!DOCTYPE html>
!!!4t
<!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">
!!!xs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
!!!xxs
<!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"></html>
Скачать