nme.kr

문서의 이전 판입니다!


Emmet

https://docs.emmet.io/

VSCode, Bracket, Notepad+ 와 같은 프로그램에서 HTML, CSS 코딩에 반복되는 코드 입력을 손쉽게 해주는 확장기능이다.

VSCode는 추가기능 설치가 필요없이 기본적으로 Emmet을 지원하며, 입력 후에 Tab을 누르면 된다.

Syntax

Child: >

nav>ul>li

1
2
3
4
5
<nav>
  <ul>
      <li></li>
  </ul>
</nav>

Sibling: +

div+p+bq

1
2
3
<div></div>
<p></p>
<blockquote></blockquote>

Climb-up: ^

div+div>p>span+em^bq

1
2
3
4
5
<div></div>
<div>
  <p><span></span><em></em></p>
  <blockquote></blockquote>
</div>

div+div>p>span+em^^bq

1
2
3
4
5
<div></div>
<div>
  <p><span></span><em></em></p>
</div>
<blockquote></blockquote>

Grouping: ()

div>(header>ul>li*2>a)+footer>p

1
2
3
4
5
6
7
8
9
10
11
<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

1
2
3
4
5
6
7
8
9
10
11
12
13
<div>
  <dl>
      <dt></dt>
      <dd></dd>
      <dt></dt>
      <dd></dd>
      <dt></dt>
      <dd></dd>
  </dl>
</div>
<footer>
  <p></p>
</footer>

Multiplication: *

ul>li*5

1
2
3
4
5
6
7
<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

Item numbering: $

ul>li.item$*5

1
2
3
4
5
6
7
<ul>
  <li class="item1"></li>
  <li class="item2"></li>
  <li class="item3"></li>
  <li class="item4"></li>
  <li class="item5"></li>
</ul>

h$[title=item$]{Header $}*3

1
2
3
<h1 title="item1">Header 1</h1>
<h2 title="item2">Header 2</h2>
<h3 title="item3">Header 3</h3>

ul>li.item$$$*5

1
2
3
4
5
6
7
 <ul>
   <li class="item001"></li>
   <li class="item002"></li>
   <li class="item003"></li>
   <li class="item004"></li>
   <li class="item005"></li>
</ul>

ul>li.item$@-*5

1
2
3
4
5
6
7
<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

1
2
3
4
5
6
7
<ul>
  <li class="item3"></li>
  <li class="item4"></li>
  <li class="item5"></li>
  <li class="item6"></li>
  <li class="item7"></li>
</ul>

ID and CLASS attributes

#header

1
<div id="header"></div>

.title

1
<div class="title"></div>

form#search.wide

1
<form id="search" class="wide"></form>

p.class1.class2.class3

1
<p class="class1 class2 class3"></p>

Custom attributes

p[title=“Hello world”]

1
<p title="Hello world"></p>

td[rowspan=2 colspan=3 title]

1
<td rowspan="2" colspan="3" title=""></td>

[a='value1' b=“value2”]

1
<div a="value1" b="value2"></div>

Text: {}

a{Click me}

1
<a href="">Click me</a>

p>{Click }+a{here}+{ to continue}

1
<p>Click <a href="">here</a> to continue</p>

Implicit tag names

.class

1
<div class="class"></div>

em>.class

1
<em><span class="class"></span></em>

ul>.class

1
2
3
<ul>
  <li class="class"></li>
</ul>

table>.row>.col

1
2
3
4
5
<table>
  <tr class="row">
      <td class="col"></td>
  </tr>
</table>

HTML

All unknown abbreviations will be transformed to tag, e.g. foo → <foo></foo>.

! Alias of html:5

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="UTF-8" />
   <title>Document</title>
 </head>
 <body>
     
 </body>
</html>

a

1
<a href=""></a>

a:link

1
<a href="http://"></a>

a:mail

1
<a href="mailto:"></a>

abbr

1
<abbr title=""></abbr>

acronym, acr

1
<acronym title=""></acronym>

base

1
<base href="" />

basefont

1
<basefont />

br

1
<br />

frame

1
<frame />

hr

1
<hr />

bdo

1
<bdo dir=""></bdo>

bdo:r

1
<bdo dir="rtl"></bdo>

bdo:l

1
<bdo dir="ltr"></bdo>

col

1
<col />

link

1
<link rel="stylesheet" href="" />

link:css

1
<link rel="stylesheet" href="style.css" />

link:print

1
<link rel="stylesheet" href="print.css" media="print" />

link:favicon

1
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

link:touch

1
<link rel="apple-touch-icon" href="favicon.png" />

link:rss

1
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml" />

link:atom

1
<link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml" />

link:import, link:im

1
<link rel="import" href="component.html" />

meta

1
<meta />

meta:utf

1
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

meta:win

1
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />

meta:vp

1
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />

meta:compat

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

style

1
<style></style>

script

1
<script></script>

script:src

1
<script src=""></script>

img

1
<img src="" alt="" />

img:srcset, img:s

1
<img srcset="" src="" alt="" />

img:sizes, img:z

1
<img sizes="" srcset="" src="" alt="" />

picture

1
<picture></picture>

source, src

1
<source />

source:src, src:sc

1
<source src="" type="" />

source:srcset, src:s

1
<source srcset="" />

source:media, src:m

1
<source media="(min-width: )" srcset="" />

source:type, src:t

1
<source srcset="" type="image/" />

source:sizes, src:z

1
<source sizes="" srcset="" />

source:media:type, src:mt

1
<source media="(min-width: )" srcset="" type="image/" />

source:media:sizes, src:mz

1
<source media="(min-width: )" sizes="" srcset="" />

source:sizes:type, src:zt

1
<source sizes="" srcset="" type="image/" />

iframe

1
<iframe src="" frameborder="0"></iframe>

embed

1
<embed src="" type="" />

object

1
<object data="" type=""></object>

param

1
<param name="" value="" />

map

1
<map name=""></map>

area

1
<area shape="" coords="" href="" alt="" />

area:d

1
<area shape="default" href="" alt="" />

area:c

1
<area shape="circle" coords="" href="" alt="" />

area:r

1
<area shape="rect" coords="" href="" alt="" />

area:p

1
<area shape="poly" coords="" href="" alt="" />

form

1
<form action=""></form>

form:get

1
<form action="" method="get"></form>

form:post

1
<form action="" method="post"></form>

label

1
<label for=""></label>

input

1
<input type="text" />

inp

1
<input type="text" name="" id="" />

input:hidden, input:h
Alias of input[type=hidden name]

1
<input type="hidden" name="" />

input:text, input:t
Alias of inp

1
<input type="text" name="" id="" />

input:search
Alias of inp[type=search]

1
<input type="search" name="" id="" />

input:email
Alias of inp[type=email]

1
<input type="email" name="" id="" />

input:url
Alias of inp[type=url]

1
<input type="url" name="" id="" />

input:password, input:p
Alias of inp[type=password]

1
<input type="password" name="" id="" />

input:datetime
Alias of inp[type=datetime]

1
<input type="datetime" name="" id="" />

input:date
Alias of inp[type=date]

1
<input type="date" name="" id="" />

input:datetime-local
Alias of inp[type=datetime-local]

1
<input type="datetime-local" name="" id="" />

input:month
Alias of inp[type=month]

1
<input type="month" name="" id="" />

input:week
Alias of inp[type=week]

1
<input type="week" name="" id="" />

input:time
Alias of inp[type=time]

1
<input type="time" name="" id="" />

input:tel
Alias of inp[type=tel]

1
<input type="tel" name="" id="" />

input:number
Alias of inp[type=number]

1
<input type="number" name="" id="" />

input:color
Alias of inp[type=color]

1
<input type="color" name="" id="" />

input:checkbox, input:c
Alias of inp[type=checkbox]

1
<input type="checkbox" name="" id="" />

input:radio, input:r
Alias of inp[type=radio]

1
<input type="radio" name="" id="" />

input:range
Alias of inp[type=range]

1
<input type="range" name="" id="" />

input:file, input:f
Alias of inp[type=file]

1
<input type="file" name="" id="" />

input:submit, input:s

1
<input type="submit" value="" />

input:image, input:i

1
<input type="image" src="" alt="" />

input:button, input:b

1
<input type="button" value="" />

isindex

1
<isindex />

input:reset
Alias of input:button[type=reset]

1
<input type="reset" value="" />

select

1
<select name="" id=""></select>

select:disabled, select:d
Alias of select[disabled.]

1
<select name="" id="" disabled="disabled"></select>

option, opt

1
<option value=""></option>

textarea

1
<textarea name="" id="" cols="30" rows="10"></textarea>

marquee

1
<marquee behavior="" direction=""></marquee>

menu:context, menu:c
Alias of menu[type=context]>

1
<menu type="context"></menu>

menu:toolbar, menu:t
Alias of menu[type=toolbar]>

1
<menu type="toolbar"></menu>

video

1
<video src=""></video>

audio

1
<audio src=""></audio>

html:xml

1
<html xmlns="http://www.w3.org/1999/xhtml"></html>

keygen

1
<keygen />

command

1
<command />

button:submit, button:s, btn:s
Alias of button[type=submit]

1
<button type="submit"></button>

button:reset, button:r, btn:r
Alias of button[type=reset]

1
<button type="reset"></button>

button:disabled, button:d, btn:d
Alias of button[disabled.]

1
<button disabled="disabled"></button>

fieldset:disabled, fieldset:d, fset:d, fst:d
Alias of fieldset[disabled.]

1
<fieldset disabled="disabled"></fieldset>

bq
Alias of blockquote

1
<blockquote></blockquote>

fig
Alias of figure

1
<figure></figure>

figc
Alias of figcaption

1
<figcaption></figcaption>

pic
Alias of picture

1
<picture></picture>

ifr
Alias of iframe

1
<iframe src="" frameborder="0"></iframe>

emb
Alias of embed

1
<embed src="" type="" />

obj
Alias of object

1
<object data="" type=""></object>

cap
Alias of caption

1
<caption></caption>

colg
Alias of colgroup

1
<colgroup></colgroup>

fst, fset
Alias of fieldset

1
<fieldset></fieldset>

btn
Alias of button

1
<button></button>

optg
Alias of optgroup

1
<optgroup></optgroup>

tarea
Alias of textarea

1
<textarea name="" id="" cols="30" rows="10"></textarea>

leg
Alias of legend

1
<legend></legend>

sect
Alias of section

1
<section></section>

art
Alias of article

1
<article></article>

hdr
Alias of header

1
<header></header>

ftr
Alias of footer

1
<footer></footer>

adr
Alias of address

1
<address></address>

dlg
Alias of dialog

1
<dialog></dialog>

str
Alias of strong

1
<strong></strong>

prog
Alias of progress

1
<progress></progress>

mn
Alias of main

1
<main></main>

tem
Alias of template

1
<template></template>

datag
Alias of datagrid

1
<datagrid></datagrid>

datal
Alias of datalist

1
<datalist></datalist>

kg
Alias of keygen

1
<keygen />

out
Alias of output

1
<output></output>

det
Alias of details

1
<details></details>

cmd
Alias of command

1
<command />

doc
Alias of html
(head>meta[charset=${charset}]+title{${1:Document}})+body

1
2
3
4
5
6
7
8
9
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
     
  </body>
</html>

doc4
Alias of html>(head>meta[http-equiv=“Content-Type” >content=“text/html;charset=${charset}”]+title{${1:Document}})+body

1
2
3
4
5
6
7
8
9
10
<html>
  <head>
    <meta http-equiv="Content-Type"
     content="text/html;charset=UTF-8" />
    <title>Document</title>
  </head>
  <body>
     
  </body>
</html>

ri:dpr, ri:d
Alias of img:s

1
<img srcset="" src="" alt="" />

ri:viewport, ri:v
Alias of img:z

1
<img sizes="" srcset="" src="" alt="" />

ri:art, ri:a
Alias of pic>src:m+img

1
2
3
4
<picture>
  <source media="(min-width: )" srcset="" />
  <img src="" alt="" />
</picture>

ri:type, ri:t
Alias of pic>src:t+img

1
2
3
4
<picture>
  <source srcset="" type="image/" />
  <img src="" alt="" />
</picture>

html:4t
Alias of !!!4t+doc4[lang=${lang}]

1
2
3
4
5
6
7
8
9
10
11
<!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
Alias of !!!4s+doc4[lang=${lang}]

1
2
3
4
5
6
7
8
9
10
<!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
Alias of !!!xt+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]

1
2
3
4
5
6
7
8
9
10
<!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>

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

1
2
3
4
5
6
7
8
9
10
<!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>

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

1
2
3
4
5
6
7
8
9
10
<!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>

html:5
Alias of !!!+doc[lang=${lang}]

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>
<body>
     
</body>
</html>

ol+
Alias of ol>li

1
2
3
<ol>
  <li></li>
</ol>

ul+
Alias of ul>li

1
2
3
<ul>
  <li></li>
</ul>

dl+
Alias of dl>dt+dd

1
2
3
4
<dl>
  <dt></dt>
  <dd></dd>
</dl>

map+
Alias of map>area

1
2
3
<map name="">
  <area shape="" coords="" href="" alt="" />
</map>

table+
Alias of table>tr>td

1
2
3
4
5
<table>
  <tr>
      <td></td>
  </tr>
</table>

colgroup+, colg+
Alias of colgroup>col

1
2
3
<colgroup>
  <col />
</colgroup>

tr+
Alias of tr>td

1
2
3
<tr>
  <td></td>
</tr>

select+
Alias of select>option

1
2
3
<select name="" id="">
  <option value=""></option>
</select>

optgroup+, optg+
Alias of optgroup>option

1
2
3
<optgroup>
  <option value=""></option>
</optgroup>

pic+
Alias of picture>source:srcset+img

1
2
3
4
<picture>
  <source srcset="" />
  <img src="" alt="" />
</picture>

!!!

1
<!DOCTYPE html>

!!!4t

1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

!!!4s

1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

!!!xt

1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

!!!xs

1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

!!!xxs

1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

c

1
<!-- ${child} -->

cc:ie6

1
2
3
<!--[if lte IE 6]>
  ${child}
<![endif]-->

cc:ie

1
2
3
<!--[if IE]>
  ${child}
<![endif]-->

cc:noie

1
2
3
<!--[if !IE]><!-->
  ${child}
<!--<![endif]-->

CSS

CSS module uses fuzzy search to find unknown abbreviations, e.g. ov:h == ov-h == ovh == oh.

If abbreviation wasn’t 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

1
position:relative;

pos:s

1
position:static;

pos:a

1
position:absolute;

pos:r

1
position:relative;

pos:f

1
position:fixed;

t

1
top:;
>

t:a

1
top:auto;

r

1
right:;

r:a

1
right:auto;

b

1
bottom:;

b:a

1
bottom:auto;

l

1
left:;

l:a

1
left:auto;

z

1
z-index:;

z:a

1
z-index:auto;

fl

1
float:left;

fl:n

1
float:none;

fl:l

1
float:left;

fl:r

1
float:right;

cl

1
clear:both;

cl:n

1
clear:none;

cl:l

1
clear:left;

cl:r

1
clear:right;

cl:b

1
clear:both;

d

1
display:block;

d:n

1
display:none;

d:b

1
display:block;
>

d:f

1
display:flex;

d:if

1
display:inline-flex;

d:i

1
display:inline;

d:ib

1
display:inline-block;

d:li

1
display:list-item;

d:ri

1
display:run-in;

d:cp

1
display:compact;

d:tb

1
display:table;

d:itb

1
display:inline-table;

d:tbcp

1
display:table-caption;

d:tbcl

1
display:table-column;

d:tbclg

1
display:table-column-group;

d:tbhg

1
display:table-header-group;

d:tbfg

1
display:table-footer-group;

d:tbr

1
display:table-row;

d:tbrg

1
display:table-row-group;

d:tbc

1
display:table-cell;

d:rb

1
display:ruby;

d:rbb

1
display:ruby-base;

d:rbbg

1
display:ruby-base-group;

d:rbt

1
display:ruby-text;

d:rbtg

1
display:ruby-text-group;

v

1
visibility:hidden;

v:v

1
visibility:visible;

v:h

1
visibility:hidden;

v:c

1
visibility:collapse;

ov

1
overflow:hidden;

ov:v

1
overflow:visible;

ov:h

1
overflow:hidden;

ov:s

1
overflow:scroll;

ov:a

1
overflow:auto;

ovx

1
overflow-x:hidden;

ovx:v

1
overflow-x:visible;

ovx:h

1
overflow-x:hidden;

ovx:s

1
overflow-x:scroll;

ovx:a

1
overflow-x:auto;

ovy

1
overflow-y:hidden;

ovy:v

1
overflow-y:visible;

ovy:h

1
overflow-y:hidden;

ovy:s

1
overflow-y:scroll;

ovy:a

1
overflow-y:auto;

ovs

1
overflow-style:scrollbar;

ovs:a

1
overflow-style:auto;

ovs:s

1
overflow-style:scrollbar;

ovs:p

1
overflow-style:panner;

ovs:m

1
overflow-style:move;

ovs:mq

1
overflow-style:marquee;

zoo, zm

1
zoom:1;

cp

1
clip:;

cp:a

1
clip:auto;

cp:r

1
clip:rect(top right bottom left);

rsz

1
resize:;

rsz:n

1
resize:none;

rsz:b

1
resize:both;

rsz:h

1
resize:horizontal;

rsz:v

1
resize:vertical;

cur

1
cursor:${pointer};

cur:a

1
cursor:auto;

cur:d

1
cursor:default;

cur:c

1
cursor:crosshair;

cur:ha

1
cursor:hand;

cur:he

1
cursor:help;

cur:m

1
cursor:move;

cur:p

1
cursor:pointer;

cur:t

1
cursor:text;

Margin & Padding

m

1
margin:;

m:a

1
margin:auto;

mt

1
margin-top:;

mt:a

1
margin-top:auto;

mr

1
margin-right:;

mr:a

1
margin-right:auto;

mb

1
margin-bottom:;

mb:a

1
margin-bottom:auto;

ml

1
margin-left:;

ml:a

1
margin-left:auto;

p

1
padding:;

pt

1
padding-top:;

pr

1
padding-right:;

pb

1
padding-bottom:;

pl

1
padding-left:;

Box Sizing

bxz

1
box-sizing:border-box;

bxz:cb

1
box-sizing:content-box;

bxz:bb

1
box-sizing:border-box;

bxsh

1
box-shadow:inset hoff voff blur color;

bxsh:r

1
box-shadow:inset hoff voff blur spread rgb(0, 0, 0);

bxsh:ra

1
box-shadow:inset h v blur spread rgba(0, 0, 0, .5);

bxsh:n

1
box-shadow:none;

w

1
width:;

w:a

1
width:auto;

h

1
height:;

h:a

1
height:auto;

maw

1
max-width:;

maw:n

1
max-width:none;

mah

1
max-height:;

mah:n

1
max-height:none;

miw

1
min-width:;

mih

1
min-height:;

Font

f

1
font:;

f+

1
font:1em Arial,sans-serif;

fw

1
font-weight:;

fw:n

1
font-weight:normal;

fw:b

1
font-weight:bold;

fw:br

1
font-weight:bolder;

fw:lr

1
font-weight:lighter;

fs

1
font-style:${italic};

fs:n

1
font-style:normal;

fs:i

1
font-style:italic;

fs:o

1
font-style:oblique;

fv

1
font-variant:;

fv:n

1
font-variant:normal;

fv:sc

1
font-variant:small-caps;

fz

1
font-size:;

fza

1
font-size-adjust:;

fza:n

1
font-size-adjust:none;

ff

1
font-family:;

ff:s

1
font-family:serif;

ff:ss

1
font-family:sans-serif;

ff:c

1
font-family:cursive;

ff:f

1
font-family:fantasy;

ff:m

1
font-family:monospace;

ff:a

1
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

ff:t

1
font-family: "Times New Roman", Times, Baskerville, Georgia, serif;

ff:v

1
font-family: Verdana, Geneva, sans-serif;

fef

1
font-effect:;

fef:n

1
font-effect:none;

fef:eg

1
font-effect:engrave;

fef:eb

1
font-effect:emboss;

fef:o

1
font-effect:outline;

fem

1
font-emphasize:;

femp

1
font-emphasize-position:;

femp:b

1
font-emphasize-position:before;

femp:a

1
font-emphasize-position:after;

fems

1
font-emphasize-style:;

fems:n

1
font-emphasize-style:none;

fems:ac

1
font-emphasize-style:accent;

fems:dt

1
font-emphasize-style:dot;

fems:c

1
font-emphasize-style:circle;

fems:ds

1
font-emphasize-style:disc;

fsm

1
font-smooth:;

fsm:a

1
font-smooth:auto;

fsm:n

1
font-smooth:never;

fsm:aw

1
font-smooth:always;

fst

1
font-stretch:;

fst:n

1
font-stretch:normal;

fst:uc

1
font-stretch:ultra-condensed;

fst:ec

1
font-stretch:extra-condensed;

fst:c

1
font-stretch:condensed;

fst:sc

1
font-stretch:semi-condensed;

fst:se

1
font-stretch:semi-expanded;

fst:e

1
font-stretch:expanded;

fst:ee

1
font-stretch:extra-expanded;

fst:ue

1
font-stretch:ultra-expanded;

Text

va

1
vertical-align:top;

va:sup

1
vertical-align:super;

va:t

1
vertical-align:top;

va:tt

1
vertical-align:text-top;

va:m

1
vertical-align:middle;

va:bl

1
vertical-align:baseline;

va:b

1
vertical-align:bottom;

va:tb

1
vertical-align:text-bottom;

va:sub

1
vertical-align:sub;

ta

1
text-align:left;

ta:l

1
text-align:left;

ta:c

1
text-align:center;

ta:r

1
text-align:right;

ta:j

1
text-align:justify;

ta-lst

1
text-align-last:;

tal:a

1
text-align-last:auto;

tal:l

1
text-align-last:left;

tal:c

1
text-align-last:center;

tal:r

1
text-align-last:right;

td

1
text-decoration:none;

td:n

1
text-decoration:none;

td:u

1
text-decoration:underline;

td:o

1
>text-decoration:overline;

td:l

1
text-decoration:line-through;

te

1
text-emphasis:;

te:n

1
text-emphasis:none;

te:ac

1
text-emphasis:accent;

te:dt

1
text-emphasis:dot;

te:c

1
text-emphasis:circle;

te:ds

1
text-emphasis:disc;

te:b

1
text-emphasis:before;

te:a

1
text-emphasis:after;

th

1
text-height:;

th:a

1
text-height:auto;

th:f

1
text-height:font-size;

th:t

1
text-height:text-size;

th:m

1
text-height:max-size;

ti

1
text-indent:;

ti:-

1
text-indent:-9999px;

tj

1
text-justify:;

tj:a

1
text-justify:auto;

tj:iw

1
text-justify:inter-word;

tj:ii

1
text-justify:inter-ideograph;

tj:ic

1
text-justify:inter-cluster;

tj:d

1
text-justify:distribute;

tj:k

1
text-justify:kashida;

tj:t

1
text-justify:tibetan;

to

1
text-outline:;

to+

1
text-outline:0 0 #000;

to:n

1
text-outline:none;

tr

1
text-replace:;

tr:n

1
text-replace:none;

tt

1
text-transform:uppercase;

tt:n

1
text-transform:none;

tt:c

1
text-transform:capitalize;

tt:u

1
text-transform:uppercase;

tt:l

1
text-transform:lowercase;

tw

1
text-wrap:;

tw:n

1
text-wrap:normal;

tw:no

1
text-wrap:none;

tw:u

1
text-wrap:unrestricted;

tw:s

1
text-wrap:suppress;

tsh

1
text-shadow:hoff voff blur #000;

tsh:r

1
text-shadow:h v blur rgb(0, 0, 0);

tsh:ra

1
text-shadow:h v blur rgba(0, 0, 0, .5);

tsh+

1
text-shadow:0 0 0 #000;

tsh:n

1
text-shadow:none;

lh

1
line-height:;

lts

1
letter-spacing:;

lts-n

1
letter-spacing:normal;

whs

1
white-space:;

whs:n

1
white-space:normal;

whs:p

1
white-space:pre;

whs:nw

1
white-space:nowrap;

whs:pw

1
white-space:pre-wrap;

whs:pl

1
white-space:pre-line;

whsc

1
white-space-collapse:;

whsc:n

1
white-space-collapse:normal;

whsc:k

1
white-space-collapse:keep-all;

whsc:l

1
white-space-collapse:loose;

whsc:bs

1
white-space-collapse:break-strict;

whsc:ba

1
white-space-collapse:break-all;

wob

1
word-break:;

wob:n

1
word-break:normal;

wob:k

1
word-break:keep-all;

wob:ba

1
word-break:break-all;

wos

1
word-spacing:;

wow

1
word-wrap:;

wow:nm

1
word-wrap:normal;

wow:n

1
word-wrap:none;

wow:u

1
word-wrap:unrestricted;

wow:s

1
word-wrap:suppress;

wow:b

1
word-wrap:break-word;

Background

bg

1
background:#000
;

bg+

1
background:#fff url() 0 0 no-repeat;

bg:n

1
background:none;

bgc

1
background-color:#fff;

bgc:t

1
background-color:transparent;

bgi

1
background-image:url();

bgi:n

1
background-image:none;

bgr

1
background-repeat:;

bgr:n

1
background-repeat:no-repeat;

bgr:x

1
background-repeat:repeat-x;

bgr:y

1
background-repeat:repeat-y;

bgr:sp

1
background-repeat:space;

bgr:rd

1
background-repeat:round;

bga

1
background-attachment:;

bga:f

1
background-attachment:fixed;

bga:s

1
background-attachment:scroll;

bgp

1
background-position:0 0;

bgpx

1
background-position-x:;

bgpy

1
background-position-y:;

bgbk

1
background-break:;

bgbk:bb

1
background-break:bounding-box;

bgbk:eb

1
background-break:each-box;

bgbk:c

1
background-break:continuous;

bgcp

1
background-clip:padding-box;

bgcp:bb

1
background-clip:border-box;

bgcp:pb

1
background-clip:padding-box;

bgcp:cb

1
background-clip:content-box;

bgcp:nc

1
background-clip:no-clip;

bgo

1
background-origin:;

bgo:pb

1
background-origin:padding-box;

bgo:bb

1
background-origin:border-box;

bgo:cb

1
background-origin:content-box;

bgsz

1
background-size:;

bgsz:a

1
background-size:auto;

bgsz:ct

1
background-size:contain;

bgsz:cv

1
background-size:cover;

Color

c

1
color:#000;

c:r

1
color:rgb(0, 0, 0);

c:ra

1
color:rgba(0, 0, 0, .5);

op

1
opacity:;

Generated content

cnt

1
content:'';

cnt:n, ct:n

1
content:normal;

cnt:oq, ct:oq

1
content:open-quote;

cnt:noq, ct:noq

1
content:no-open-quote;

cnt:cq, ct:cq

1
content:close-quote;

cnt:ncq, ct:ncq

1
content:no-close-quote;

cnt:a, ct:a

1
content:attr();

cnt:c, ct:c

1
content:counter();

cnt:cs, ct:cs

1
content:counters();

ct

1
content:;

q

1
quotes:;

q:n

1
quotes:none;

q:ru

1
quotes:'\00AB' '\00BB' '\201E' '\201C';

q:en

1
quotes:'\201C' '\201D' '\2018' '\2019';

coi

1
counter-increment:;

cor

1
counter-reset:;

Outline

ol

1
outline:;

ol:n

1
outline:none;

olo

1
outline-offset:;

olw

1
outline-width:;

olw:tn

1
outline-width:thin;

olw:m

1
outline-width:medium;

olw:tc

1
outline-width:thick;

ols

1
outline-style:;

ols:n

1
outline-style:none;

ols:dt

1
outline-style:dotted;

ols:ds

1
outline-style:dashed;

ols:s

1
outline-style:solid;

ols:db

1
outline-style:double;

ols:g

1
outline-style:groove;

ols:r

1
outline-style:ridge;

ols:i

1
outline-style:inset;

ols:o

1
outline-style:outset;

olc

1
outline-color:#000;

olc:i

1
outline-color:invert;

Tables

tbl

1
table-layout:;

tbl:a

1
table-layout:auto;

tbl:f

1
table-layout:fixed;

cps

1
caption-side:;

cps:t

1
caption-side:top;

cps:b

1
caption-side:bottom;

ec

1
empty-cells:;

ec:s

1
empty-cells:show;

ec:h

1
empty-cells:hide;

Border

bd

1
border:;

bd+

1
border:1px solid #000;

bd:n

1
border:none;

bdbk

1
border-break:close;

bdbk:c

1
border-break:close;

bdcl

1
border-collapse:;

bdcl:c

1
border-collapse:collapse;

bdcl:s

1
border-collapse:separate;

bdc

1
border-color:#000;

bdc:t

1
border-color:transparent;

bdi

1
border-image:url();

bdi:n

1
border-image:none;

bdti

1
border-top-image:url();

bdti:n

1
border-top-image:none;

bdri

1
border-right-image:url();

bdri:n

1
border-right-image:none;

bdbi

1
border-bottom-image:url();

bdbi:n

1
border-bottom-image:none;

bdli

1
border-left-image:url();

bdli:n

1
border-left-image:none;

bdci

1
border-corner-image:url();

bdci:n

1
border-corner-image:none;

bdci:c

1
border-corner-image:continue;

bdtli

1
border-top-left-image:url();

bdtli:n

1
border-top-left-image:none;

bdtli:c

1
border-top-left-image:continue;

bdtri

1
border-top-right-image:url();

bdtri:n

1
border-top-right-image:none;

bdtri:c

1
border-top-right-image:continue;

bdbri

1
border-bottom-right-image:url();

bdbri:n

1
border-bottom-right-image:none;

bdbri:c

1
border-bottom-right-image:continue;

bdbli

1
border-bottom-left-image:url();

bdbli:n

1
border-bottom-left-image:none;

bdbli:c

1
border-bottom-left-image:continue;

bdf

1
border-fit:repeat;

bdf:c

1
border-fit:clip;

bdf:r

1
border-fit:repeat;

bdf:sc

1
border-fit:scale;

bdf:st

1
border-fit:stretch;

bdf:ow

1
border-fit:overwrite;

bdf:of

1
border-fit:overflow;

bdf:sp

1
border-fit:space;

bdlen

1
border-length:;

bdlen:a

1
border-length:auto;

bdsp

1
border-spacing:;

bds

1
border-style:;

bds:n

1
border-style:none;

bds:h

1
border-style:hidden;

bds:dt

1
border-style:dotted;

bds:ds

1
border-style:dashed;

bds:s

1
border-style:solid;

bds:db

1
border-style:double;

bds:dtds

1
border-style:dot-dash;

bds:dtdtds

1
border-style:dot-dot-dash;

bds:w

1
border-style:wave;

bds:g

1
border-style:groove;

bds:r

1
border-style:ridge;

bds:i

1
border-style:inset;

bds:o

1
border-style:outset;

bdw

1
border-width:;

bdt, bt

1
border-top:;

bdt+

1
border-top:1px solid #000;

bdt:n

1
border-top:none;

bdtw

1
border-top-width:;

bdts

1
border-top-style:;

bdts:n

1
border-top-style:none;

bdtc

1
border-top-color:#000;

bdtc:t

1
border-top-color:transparent;

bdr, br

1
border-right:;

bdr+

1
border-right:1px solid #000;

bdr:n

1
border-right:none;

bdrw

1
border-right-width:;

bdrst

1
border-right-style:;

bdrst:n

1
border-right-style:none;

bdrc

1
border-right-color:#000;

bdrc:t

1
border-right-color:transparent;

bdb, bb

1
border-bottom:;

bdb+

1
border-bottom:1px solid #000;

bdb:n

1
border-bottom:none;

bdbw

1
border-bottom-width:;

bdbs

1
border-bottom-style:;

bdbs:n

1
border-bottom-style:none;

bdbc

1
border-bottom-color:#000;

bdbc:t

1
border-bottom-color:transparent;

bdl, bl

1
border-left:;

bdl+

1
border-left:1px solid #000;

bdl:n

1
border-left:none;

bdlw

1
border-left-width:;

bdls

1
border-left-style:;

bdls:n

1
border-left-style:none;

bdlc

1
border-left-color:#000;

bdlc:t

1
border-left-color:transparent;

bdrs

1
border-radius:;

bdtrrs

1
border-top-right-radius:;

bdtlrs

1
border-top-left-radius:;

bdbrrs

1
border-bottom-right-radius:;

bdblrs

1
border-bottom-left-radius:;

Lists

lis

1
list-style:;

lis:n

1
list-style:none;

lisp

1
list-style-position:;

lisp:i

1
list-style-position:inside;

lisp:o

1
list-style-position:outside;

list

1
list-style-type:;

list:n

1
list-style-type:none;

list:d

1
list-style-type:disc;

list:c

1
list-style-type:circle;

list:s

1
list-style-type:square;

list:dc

1
list-style-type:decimal;

list:dclz

1
list-style-type:decimal-leading-zero;

list:lr

1
list-style-type:lower-roman;

list:ur

1
list-style-type:upper-roman;

lisi

1
list-style-image:;

lisi:n

1
list-style-image:none;

Print

pgbb

1
page-break-before:;

pgbb:au

1
page-break-before:auto;

pgbb:al

1
page-break-before:always;

pgbb:l

1
page-break-before:left;

pgbb:r

1
page-break-before:right;

pgbi

1
page-break-inside:;

pgbi:au

1
page-break-inside:auto;

pgbi:av

1
page-break-inside:avoid;

pgba

1
page-break-after:;

pgba:au

1
page-break-after:auto;

pgba:al

1
page-break-after:always;

pgba:l

1
page-break-after:left;

pgba:r

1
page-break-after:right;

orp

1
orphans:;

wid

1
widows:;

Others

!

1
!important

@f

1
2
3
4
@font-face {
    font-family:;
    src:url(|);
}

@f+

1
2
3
4
5
6
7
8
9
10
@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;
}

@i, @import

1
@import url();

@kf

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
@-webkit-keyframes identifier {
    from {  }
    to {  }
}
@-o-keyframes identifier {
    from {  }
    to {  }
}
@-moz-keyframes identifier {
    from {  }
    to {  }
}
@keyframes identifier {
    from {  }
    to {  }
}

@m, @media

1
2
3
@media screen {
     
}

ac

1
align-content: ;

ac:c

1
align-content:center;

ac:fe

1
align-content:flex-end;

ac:fs

1
align-content:flex-start;

ac:s

1
align-content:stretch;

ac:sa

1
align-content:space-around;

ac:sb

1
align-content:space-between;

ai

1
align-items:;

ai:b

1
align-items:baseline;

ai:c

1
align-items:center;

ai:fe

1
align-items:flex-end;

ai:fs

1
align-items:flex-start;

ai:s

1
align-items:stretch;

anim

1
animation:;

anim-

1
2
animation:name duration timing-function delay iteration-count
direction fill-mode;

animdel

1
animation-delay:time;

animdir

1
animation-direction:normal;

animdir:a

1
animation-direction:alternate;

animdir:ar

1
animation-direction:alternate-reverse;

animdir:n

1
animation-direction:normal;

animdir:r

1
animation-direction:reverse;

animdur

1
animation-duration:0s;

animfm

1
animation-fill-mode:both;

animfm:b

1
animation-fill-mode:backwards;

animfm:bt, animfm:bh

1
animation-fill-mode:both;

animfm:f

1
animation-fill-mode:forwards;

animic

1
animation-iteration-count:1;

animic:i

1
animation-iteration-count:infinite;

animn

1
animation-name:none;

animps

1
animation-play-state:running;

animps:p

1
animation-play-state:paused;

animps:r

1
animation-play-state:running;

animtf

1
animation-timing-function:linear;

animtf:cb

1
animation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1);

animtf:e

1
animation-timing-function:ease;

animtf:ei

1
animation-timing-function:ease-in;

animtf:eio

1
animation-timing-function:ease-in-out;

animtf:eo

1
animation-timing-function:ease-out;

animtf:l

1
animation-timing-function:linear;

ap

1
appearance:${none};

as

1
align-self:;

as:a

1
align-self:auto;

as:b

1
align-self:baseline;

as:c

1
align-self:center;

as:fe

1
align-self:flex-end;

as:fs

1
align-self:flex-start;

as:s

1
align-self:stretch;

bfv

1
backface-visibility:;

bfv:h

1
backface-visibility:hidden;

bfv:v

1
backface-visibility:visible;

bg:ie

1
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='x.png',sizingMethod='crop');

cm

1
/* ${child} */

colm

1
columns:;

colmc

1
column-count:;

colmf

1
column-fill:;

colmg

1
column-gap:;

colmr

1
column-rule:;

colmrc

1
column-rule-color:;

colmrs

1
column-rule-style:;

colmrw

1
column-rule-width:;

colms

1
column-span:;

colmw

1
column-width:;

d:ib+

1
2
3
display: inline-block;
*display: inline;
*zoom: 1;

fx

1
flex:;

fxb

1
flex-basis:;

fxd

1
flex-direction:;

fxd:c

1
flex-direction:column;

fxd:cr

1
flex-direction:column-reverse;

fxd:r

1
flex-direction:row;

fxd:rr

1
flex-direction:row-reverse;

fxf

1
flex-flow:;

fxg

flex-grow:;

fxsh

flex-shrink:;

fxw

flex-wrap: ;

fxw:n

flex-wrap:nowrap;

fxw:w

flex-wrap:wrap;

fxw:wr

flex-wrap:wrap-reverse;

jc

justify-content:;

jc:c

justify-content:center;

jc:fe

justify-content:flex-end;

jc:fs

justify-content:flex-start;

jc:sa

justify-content:space-around;

jc:sb

justify-content:space-between;

mar

max-resolution:res;

mir

min-resolution:res;

op+

opacity: ; filter: alpha(opacity=);

op:ie

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

op:ms

-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';

ord

order:;

ori

orientation:;

ori:l

orientation:landscape;

ori:p

orientation:portrait;

tov

text-overflow:${ellipsis};

tov:c

text-overflow:clip;

tov:e

text-overflow:ellipsis;

trf

transform:;

trf:r

transform: rotate(angle);

trf:rx

transform: rotateX(angle);

trf:ry

transform: rotateY(angle);

trf:rz

transform: rotateZ(angle);

trf:sc

transform: scale(x, y);

trf:sc3

transform: scale3d(x, y, z);

trf:scx

transform: scaleX(x);

trf:scy

transform: scaleY(y);

trf:scz

transform: scaleZ(z);

trf:skx

transform: skewX(angle);

trf:sky

transform: skewY(angle);

trf:t

transform: translate(x, y);

trf:t3

transform: translate3d(tx, ty, tz);

trf:tx

transform: translateX(x);

trf:ty

transform: translateY(y);

trf:tz

transform: translateZ(z);

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-timing-function:tfunc;

us

user-select:${none};

wfsm

-webkit-font-smoothing:${antialiased};

wfsm:a

-webkit-font-smoothing:antialiased;

wfsm:n

-webkit-font-smoothing:none;

wfsm:s, wfsm:sa

-webkit-font-smoothing:subpixel-antialiased;

wm

writing-mode:lr-tb;

wm:btl

writing-mode:bt-lr;

wm:btr

writing-mode:bt-rl;

wm:lrb

writing-mode:lr-bt;

wm:lrt

writing-mode:lr-tb;

wm:rlb

writing-mode:rl-bt;

wm:rlt

writing-mode:rl-tb;

wm:tbl

writing-mode:tb-lr;

wm:tbr

writing-mode:tb-rl;

XSL

tmatch, tm

1
<xsl:template match="" mode=""></xsl:template>

tname, tn

1
<xsl:template name=""></xsl:template>

call

1
<xsl:call-template name="" />

ap

1
<xsl:apply-templates select="" mode="" />

api

1
<xsl:apply-imports />

imp

1
<xsl:import href="" />

inc

1
<xsl:include href="" />

ch

1
<xsl:choose></xsl:choose>

xsl:when, wh

1
<xsl:when test=""></xsl:when>

ot

1
<xsl:otherwise></xsl:otherwise>

if

1
<xsl:if test=""></xsl:if>

par

1
<xsl:param name=""></xsl:param>

pare

1
<xsl:param name="" select="" />

var

1
<xsl:variable name=""></xsl:variable>

vare

1
<xsl:variable name="" select="" />

wp

1
<xsl:with-param name="" select="" />

key

1
<xsl:key name="" match="" use="" />

elem

1
<xsl:element name=""></xsl:element>

attr

1
<xsl:attribute name=""></xsl:attribute>

attrs

1
<xsl:attribute-set name=""></xsl:attribute-set>

cp

1
<xsl:copy select="" />

co

1
<xsl:copy-of select="" />

val

1
<xsl:value-of select="" />

each, for

1
<xsl:for-each select=""></xsl:for-each>

tex

1
<xsl:text></xsl:text>

com

1
<xsl:comment></xsl:comment>

msg

1
<xsl:message terminate="no"></xsl:message>

fall

1
<xsl:fallback></xsl:fallback>

num

1
<xsl:number value="" />

nam

1
<namespace-alias stylesheet-prefix="" result-prefix="" />

pres

1
<xsl:preserve-space elements="" />

strip

1
<xsl:strip-space elements="" />

proc

1
<xsl:processing-instruction name=""></xsl:processing-instruction>

sort

1
<xsl:sort select="" order="" />

choose+
Alias of xsl:choose>xsl:when+xsl:otherwise

1
2
3
4
<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]>{
|}

1
2
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"></xsl:stylesheet>

!!!

1
<?xml version="1.0" encoding="UTF-8"?>