문서의 이전 판입니다!
Emmet
+목차
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: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
<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 |
|
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 |
<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"><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"><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 |
<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 |
|
!!!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 |
|
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 font:; f+ font:1em Arial,sans-serif; fw font-weight:; fw:n font-weight:normal; fw:b font-weight:bold; fw:br font-weight:bolder; fw:lr font-weight:lighter; fs font-style:${italic}; fs:n font-style:normal; fs:i font-style:italic; fs:o font-style:oblique; fv font-variant:; fv:n font-variant:normal; fv:sc font-variant:small-caps; fz font-size:; fza font-size-adjust:; fza:n font-size-adjust:none; ff font-family:; ff:s font-family:serif; ff:ss font-family:sans-serif; ff:c font-family:cursive; ff:f font-family:fantasy; ff:m font-family:monospace; ff:a font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif; ff:t font-family: “Times New Roman”, Times, Baskerville, Georgia, serif; ff:v font-family: Verdana, Geneva, sans-serif; fef font-effect:; fef:n font-effect:none; fef:eg font-effect:engrave; fef:eb font-effect:emboss; fef:o font-effect:outline; fem font-emphasize:; femp font-emphasize-position:; femp:b font-emphasize-position:before; femp:a font-emphasize-position:after; fems font-emphasize-style:; fems:n font-emphasize-style:none; fems:ac font-emphasize-style:accent; fems:dt font-emphasize-style:dot; fems:c font-emphasize-style:circle; fems:ds font-emphasize-style:disc; fsm font-smooth:; fsm:a font-smooth:auto; fsm:n font-smooth:never; fsm:aw font-smooth:always; fst font-stretch:; fst:n font-stretch:normal; fst:uc font-stretch:ultra-condensed; fst:ec font-stretch:extra-condensed; fst:c font-stretch:condensed; fst:sc font-stretch:semi-condensed; fst:se font-stretch:semi-expanded; fst:e font-stretch:expanded; fst:ee font-stretch:extra-expanded; fst:ue font-stretch:ultra-expanded;
Text
va vertical-align:top; va:sup vertical-align:super; va:t vertical-align:top; va:tt vertical-align:text-top; va:m vertical-align:middle; va:bl vertical-align:baseline; va:b vertical-align:bottom; va:tb vertical-align:text-bottom; va:sub vertical-align:sub; ta text-align:left; ta:l text-align:left; ta:c text-align:center; ta:r text-align:right; ta:j text-align:justify; ta-lst text-align-last:; tal:a text-align-last:auto; tal:l text-align-last:left; tal:c text-align-last:center; tal:r text-align-last:right; td text-decoration:none; td:n text-decoration:none; td:u text-decoration:underline; td:o text-decoration:overline; td:l text-decoration:line-through; te text-emphasis:; te:n text-emphasis:none; te:ac text-emphasis:accent; te:dt text-emphasis:dot; te:c text-emphasis:circle; te:ds text-emphasis:disc; te:b text-emphasis:before; te:a text-emphasis:after; th text-height:; th:a text-height:auto; th:f text-height:font-size; th:t text-height:text-size; th:m text-height:max-size; ti text-indent:; ti:- text-indent:-9999px; tj text-justify:; tj:a text-justify:auto; tj:iw text-justify:inter-word; tj:ii text-justify:inter-ideograph; tj:ic text-justify:inter-cluster; tj:d text-justify:distribute; tj:k text-justify:kashida; tj:t text-justify:tibetan; to text-outline:; to+ text-outline:0 0 #000; to:n text-outline:none; tr text-replace:; tr:n text-replace:none; tt text-transform:uppercase; tt:n text-transform:none; tt:c text-transform:capitalize; tt:u text-transform:uppercase; tt:l text-transform:lowercase; tw text-wrap:; tw:n text-wrap:normal; tw:no text-wrap:none; tw:u text-wrap:unrestricted; tw:s text-wrap:suppress; tsh text-shadow:hoff voff blur #000; tsh:r text-shadow:h v blur rgb(0, 0, 0); tsh:ra text-shadow:h v blur rgba(0, 0, 0, .5); tsh+ text-shadow:0 0 0 #000; tsh:n text-shadow:none; lh line-height:; lts letter-spacing:; lts-n letter-spacing:normal; whs white-space:; whs:n white-space:normal; whs:p white-space:pre; whs:nw white-space:nowrap; whs:pw white-space:pre-wrap; whs:pl white-space:pre-line; whsc white-space-collapse:; whsc:n white-space-collapse:normal; whsc:k white-space-collapse:keep-all; whsc:l white-space-collapse:loose; whsc:bs white-space-collapse:break-strict; whsc:ba white-space-collapse:break-all; wob word-break:; wob:n word-break:normal; wob:k word-break:keep-all; wob:ba word-break:break-all; wos word-spacing:; wow word-wrap:; wow:nm word-wrap:normal; wow:n word-wrap:none; wow:u word-wrap:unrestricted; wow:s word-wrap:suppress; wow:b word-wrap:break-word;
Background
bg background:#000; bg+ background:#fff url() 0 0 no-repeat; bg:n background:none; bgc background-color:#fff; bgc:t background-color:transparent; bgi background-image:url(); bgi:n background-image:none; bgr background-repeat:; bgr:n background-repeat:no-repeat; bgr:x background-repeat:repeat-x; bgr:y background-repeat:repeat-y; bgr:sp background-repeat:space; bgr:rd background-repeat:round; bga background-attachment:; bga:f background-attachment:fixed; bga:s background-attachment:scroll; bgp background-position:0 0; bgpx background-position-x:; bgpy background-position-y:; bgbk background-break:; bgbk:bb background-break:bounding-box; bgbk:eb background-break:each-box; bgbk:c background-break:continuous; bgcp background-clip:padding-box; bgcp:bb background-clip:border-box; bgcp:pb background-clip:padding-box; bgcp:cb background-clip:content-box; bgcp:nc background-clip:no-clip; bgo background-origin:; bgo:pb background-origin:padding-box; bgo:bb background-origin:border-box; bgo:cb background-origin:content-box; bgsz background-size:; bgsz:a background-size:auto; bgsz:ct background-size:contain; bgsz:cv background-size:cover;
Color
c color:#000; c:r color:rgb(0, 0, 0); c:ra color:rgba(0, 0, 0, .5); op opacity:;
Generated content
cnt content:''; cnt:n, ct:n content:normal; cnt:oq, ct:oq content:open-quote; cnt:noq, ct:noq content:no-open-quote; cnt:cq, ct:cq content:close-quote; cnt:ncq, ct:ncq content:no-close-quote; cnt:a, ct:a content:attr(); cnt:c, ct:c content:counter(); cnt:cs, ct:cs content:counters(); ct content:; q quotes:; q:n quotes:none; q:ru quotes:'\00AB' '\00BB' '\201E' '\201C'; q:en quotes:'\201C' '\201D' '\2018' '\2019'; coi counter-increment:; cor counter-reset:;
Outline
ol outline:; ol:n outline:none; olo outline-offset:; olw outline-width:; olw:tn outline-width:thin; olw:m outline-width:medium; olw:tc outline-width:thick; ols outline-style:; ols:n outline-style:none; ols:dt outline-style:dotted; ols:ds outline-style:dashed; ols:s outline-style:solid; ols:db outline-style:double; ols:g outline-style:groove; ols:r outline-style:ridge; ols:i outline-style:inset; ols:o outline-style:outset; olc outline-color:#000; olc:i outline-color:invert;
Tables
tbl table-layout:; tbl:a table-layout:auto; tbl:f table-layout:fixed; cps caption-side:; cps:t caption-side:top; cps:b caption-side:bottom; ec empty-cells:; ec:s empty-cells:show; ec:h empty-cells:hide;
Border
bd border:; bd+ border:1px solid #000; bd:n border:none; bdbk border-break:close; bdbk:c border-break:close; bdcl border-collapse:; bdcl:c border-collapse:collapse; bdcl:s border-collapse:separate; bdc border-color:#000; bdc:t border-color:transparent; bdi border-image:url(); bdi:n border-image:none; bdti border-top-image:url(); bdti:n border-top-image:none; bdri border-right-image:url(); bdri:n border-right-image:none; bdbi border-bottom-image:url(); bdbi:n border-bottom-image:none; bdli border-left-image:url(); bdli:n border-left-image:none; bdci border-corner-image:url(); bdci:n border-corner-image:none; bdci:c border-corner-image:continue; bdtli border-top-left-image:url(); bdtli:n border-top-left-image:none; bdtli:c border-top-left-image:continue; bdtri border-top-right-image:url(); bdtri:n border-top-right-image:none; bdtri:c border-top-right-image:continue; bdbri border-bottom-right-image:url(); bdbri:n border-bottom-right-image:none; bdbri:c border-bottom-right-image:continue; bdbli border-bottom-left-image:url(); bdbli:n border-bottom-left-image:none; bdbli:c border-bottom-left-image:continue; bdf border-fit:repeat; bdf:c border-fit:clip; bdf:r border-fit:repeat; bdf:sc border-fit:scale; bdf:st border-fit:stretch; bdf:ow border-fit:overwrite; bdf:of border-fit:overflow; bdf:sp border-fit:space; bdlen border-length:; bdlen:a border-length:auto; bdsp border-spacing:; bds border-style:; bds:n border-style:none; bds:h border-style:hidden; bds:dt border-style:dotted; bds:ds border-style:dashed; bds:s border-style:solid; bds:db border-style:double; bds:dtds border-style:dot-dash; bds:dtdtds border-style:dot-dot-dash; bds:w border-style:wave; bds:g border-style:groove; bds:r border-style:ridge; bds:i border-style:inset; bds:o border-style:outset; bdw border-width:; bdt, bt border-top:; bdt+ border-top:1px solid #000; bdt:n border-top:none; bdtw border-top-width:; bdts border-top-style:; bdts:n border-top-style:none; bdtc border-top-color:#000; bdtc:t border-top-color:transparent; bdr, br border-right:; bdr+ border-right:1px solid #000; bdr:n border-right:none; bdrw border-right-width:; bdrst border-right-style:; bdrst:n border-right-style:none; bdrc border-right-color:#000; bdrc:t border-right-color:transparent; bdb, bb border-bottom:; bdb+ border-bottom:1px solid #000; bdb:n border-bottom:none; bdbw border-bottom-width:; bdbs border-bottom-style:; bdbs:n border-bottom-style:none; bdbc border-bottom-color:#000; bdbc:t border-bottom-color:transparent; bdl, bl border-left:; bdl+ border-left:1px solid #000; bdl:n border-left:none; bdlw border-left-width:; bdls border-left-style:; bdls:n border-left-style:none; bdlc border-left-color:#000; bdlc:t border-left-color:transparent; bdrs border-radius:; bdtrrs border-top-right-radius:; bdtlrs border-top-left-radius:; bdbrrs border-bottom-right-radius:; bdblrs border-bottom-left-radius:;
Lists
lis list-style:; lis:n list-style:none; lisp list-style-position:; lisp:i list-style-position:inside; lisp:o list-style-position:outside; list list-style-type:; list:n list-style-type:none; list:d list-style-type:disc; list:c list-style-type:circle; list:s list-style-type:square; list:dc list-style-type:decimal; list:dclz list-style-type:decimal-leading-zero; list:lr list-style-type:lower-roman; list:ur list-style-type:upper-roman; lisi list-style-image:; lisi:n list-style-image:none;
pgbb page-break-before:; pgbb:au page-break-before:auto; pgbb:al page-break-before:always; pgbb:l page-break-before:left; pgbb:r page-break-before:right; pgbi page-break-inside:; pgbi:au page-break-inside:auto; pgbi:av page-break-inside:avoid; pgba page-break-after:; pgba:au page-break-after:auto; pgba:al page-break-after:always; pgba:l page-break-after:left; pgba:r page-break-after:right; orp orphans:; wid widows:;
Others
! !important @f @font-face {
font-family:; src:url(|);
} @f+ @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 @import url(); @kf @-webkit-keyframes identifier {
from { }
to { }
} @-o-keyframes identifier {
from { }
to { }
} @-moz-keyframes identifier {
from { }
to { }
} @keyframes identifier {
from { }
to { }
} @m, @media @media screen {
} ac align-content:; ac:c align-content:center; ac:fe align-content:flex-end; ac:fs align-content:flex-start; ac:s align-content:stretch; ac:sa align-content:space-around; ac:sb align-content:space-between; ai align-items:; ai:b align-items:baseline; ai:c align-items:center; ai:fe align-items:flex-end; ai:fs align-items:flex-start; ai:s align-items:stretch; anim animation:; anim- animation:name duration timing-function delay iteration-count direction fill-mode; animdel animation-delay:time; animdir animation-direction:normal; animdir:a animation-direction:alternate; animdir:ar animation-direction:alternate-reverse; animdir:n animation-direction:normal; animdir:r animation-direction:reverse; animdur animation-duration:0s; animfm animation-fill-mode:both; animfm:b animation-fill-mode:backwards; animfm:bt, animfm:bh animation-fill-mode:both; animfm:f animation-fill-mode:forwards; animic animation-iteration-count:1; animic:i animation-iteration-count:infinite; animn animation-name:none; animps animation-play-state:running; animps:p animation-play-state:paused; animps:r animation-play-state:running; animtf animation-timing-function:linear; animtf:cb animation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1); animtf:e animation-timing-function:ease; animtf:ei animation-timing-function:ease-in; animtf:eio animation-timing-function:ease-in-out; animtf:eo animation-timing-function:ease-out; animtf:l animation-timing-function:linear; ap appearance:${none}; as align-self:; as:a align-self:auto; as:b align-self:baseline; as:c align-self:center; as:fe align-self:flex-end; as:fs align-self:flex-start; as:s align-self:stretch; bfv backface-visibility:; bfv:h backface-visibility:hidden; bfv:v backface-visibility:visible; bg:ie filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='x.png',sizingMethod='crop'); cm /* ${child} */ colm columns:; colmc column-count:; colmf column-fill:; colmg column-gap:; colmr column-rule:; colmrc column-rule-color:; colmrs column-rule-style:; colmrw column-rule-width:; colms column-span:; colmw column-width:; d:ib+ display: inline-block; *display: inline; *zoom: 1; fx flex:; fxb flex-basis:; fxd flex-direction:; fxd:c flex-direction:column; fxd:cr flex-direction:column-reverse; fxd:r flex-direction:row; fxd:rr flex-direction:row-reverse; fxf 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 <xsl:template match=“” mode=“”></xsl:template> tname, tn <xsl:template name=“”></xsl:template> call <xsl:call-template name=“” /> ap <xsl:apply-templates select=“” mode=“” /> api <xsl:apply-imports /> imp <xsl:import href=“” /> inc <xsl:include href=“” /> ch <xsl:choose></xsl:choose> xsl:when, wh <xsl:when test=“”></xsl:when> ot <xsl:otherwise></xsl:otherwise> if <xsl:if test=“”></xsl:if> par <xsl:param name=“”></xsl:param> pare <xsl:param name=“” select=“” /> var <xsl:variable name=“”></xsl:variable> vare <xsl:variable name=“” select=“” /> wp <xsl:with-param name=“” select=“” /> key <xsl:key name=“” match=“” use=“” /> elem <xsl:element name=“”></xsl:element> attr <xsl:attribute name=“”></xsl:attribute> attrs <xsl:attribute-set name=“”></xsl:attribute-set> cp <xsl:copy select=“” /> co <xsl:copy-of select=“” /> val <xsl:value-of select=“” /> each, for <xsl:for-each select=“”></xsl:for-each> tex <xsl:text></xsl:text> com <xsl:comment></xsl:comment> msg <xsl:message terminate=“no”></xsl:message> fall <xsl:fallback></xsl:fallback> num <xsl:number value=“” /> nam <namespace-alias stylesheet-prefix=“” result-prefix=“” /> pres <xsl:preserve-space elements=“” /> strip <xsl:strip-space elements=“” /> proc <xsl:processing-instruction name=“”></xsl:processing-instruction> sort <xsl:sort select=“” order=“” /> choose+ Alias of xsl:choose>xsl:when+xsl:otherwise
<xsl:choose>
<xsl:when test=""></xsl:when> <xsl:otherwise></xsl:otherwise>
</xsl:choose> xsl Alias of !!!+xsl:stylesheet[version=1.0 xmlns:xsl=http://www.w3.org/1999/XSL/Transform]>{
<?xml version=“1.0” encoding=“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”?>
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International