nme.kr

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== Emmet ======

[[https://docs.emmet.io/]]

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

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

==== Child: > ====

>nav>ul>li

<code java>
  <nav>
    <ul>
        <li></li>
    </ul>
  </nav>
</code>

==== Sibling: + ====

>div+p+bq

<code java>
  <div></div>
  <p></p>
  <blockquote></blockquote>
</code>

==== Climb-up: ^ ====

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

<code java>
  <div></div>
  <div>
    <p><span></span><em></em></p>
    <blockquote></blockquote>
  </div>
</code>

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

<code java>
  <div></div>
  <div>
    <p><span></span><em></em></p>
  </div>
  <blockquote></blockquote>
</code>

==== Grouping: () ====

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

<code java>
  <div>
    <header>
        <ul>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
        </ul>
    </header>
    <footer>
        <p></p>
    </footer>
  </div>
</code>

>(div>dl>(dt+dd)*3)+footer>p

<code java>
  <div>
    <dl>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
    </dl>
  </div>
  <footer>
    <p></p>
  </footer>
</code>

==== Multiplication: * ====

>ul>li*5

<code java>
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</code>

==== Item numbering: $ ====

>ul>li.item$*5

<code java>
  <ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
  </ul>
</code>

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

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

>ul>li.item$$$*5

<code java>
  <ul>
    <li class="item001"></li>
    <li class="item002"></li>
    <li class="item003"></li>
    <li class="item004"></li>
    <li class="item005"></li>
 </ul>
</code>

>ul>li.item$@-*5

<code java>
  <ul>
    <li class="item5"></li>
    <li class="item4"></li>
    <li class="item3"></li>
    <li class="item2"></li>
    <li class="item1"></li>
  </ul>
</code>

>ul>li.item$@3*5

<code java>
  <ul>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
    <li class="item6"></li>
    <li class="item7"></li>
  </ul>
</code>

==== ID and CLASS attributes ====

>#header

<code java>
  <div id="header"></div>
</code>

>.title

<code java>
  <div class="title"></div>
</code>

>form#search.wide

<code java>
  <form id="search" class="wide"></form>
</code>

>p.class1.class2.class3

<code java>
  <p class="class1 class2 class3"></p>
</code>

==== Custom attributes ====

>p[title="Hello world"]

<code java>
  <p title="Hello world"></p>
</code>

>td[rowspan=2 colspan=3 title]

<code java>
  <td rowspan="2" colspan="3" title=""></td>
</code>

>[a='value1' b="value2"]

<code java>
  <div a="value1" b="value2"></div>
</code>

==== Text: {} ====

>a{Click me}

<code java>
  <a href="">Click me</a>
</code>

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

<code java>
<p>Click <a href="">here</a> to continue</p>
</code> 
==== Implicit tag names ====

>.class

<code java>
  <div class="class"></div>
</code>

>em>.class

<code java>
  <em><span class="class"></span></em>
</code>

>ul>.class

<code java>
  <ul>
    <li class="class"></li>
  </ul>
</code>

>table>.row>.col

<code java>
  <table>
    <tr class="row">
        <td class="col"></td>
    </tr>
  </table>
</code>

===== HTML =====

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

>! Alias of html:5

<code java>
  <!DOCTYPE html>
  <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <title>Document</title>
   </head>
   <body>
    
   </body>
  </html>
</code>  

>a

<code java>
  <a href=""></a>
</code>

>a:link

<code java>
  <a href="http://"></a>
</code>

>a:mail

<code java>
  <a href="mailto:"></a>
</code>

>abbr

<code java>
  <abbr title=""></abbr>
</code>

>acronym, acr

<code java>
  <acronym title=""></acronym>
</code>

>base

<code java>
  <base href="" />
</code>

>basefont

<code java>
  <basefont />
</code>

>br

<code java>
  <br />
</code>  

>frame

<code java>
  <frame />
</code>

>hr

<code java>
  <hr />
</code>

>bdo

<code java>
  <bdo dir=""></bdo>
</code>

>bdo:r

<code java>
  <bdo dir="rtl"></bdo>
</code>

>bdo:l

<code java>
  <bdo dir="ltr"></bdo>
</code>

>col

<code java>
  <col />
</code>

>link

<code java>
  <link rel="stylesheet" href="" />
</code>

>link:css

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

>link:print

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

>link:favicon

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

>link:touch

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

>link:rss

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

>link:atom

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

>link:import, link:im

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

>meta

<code java>
  <meta />
</code>

>meta:utf

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

>meta:win

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

>meta:vp

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

>meta:compat

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

>style

<code java>
  <style></style>
</code>

>script

<code java>
  <script></script>
</code>

>script:src

<code java>
  <script src=""></script>
</code>

>img

<code java>
  <img src="" alt="" />
</code>

>img:srcset, img:s

<code java>
  <img srcset="" src="" alt="" />
</code>

>img:sizes, img:z

<code java>
  <img sizes="" srcset="" src="" alt="" />
</code>

>picture

<code java>
  <picture></picture>
</code>

>source, src

<code java>
  <source />
</code>

>source:src, src:sc

<code java>
  <source src="" type="" />
</code>

>source:srcset, src:s

<code java>
  <source srcset="" />
</code>

>source:media, src:m

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

>source:type, src:t

<code java>
  <source srcset="" type="image/" />
</code>

>source:sizes, src:z

<code java>
  <source sizes="" srcset="" />
</code>

>source:media:type, src:mt

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

>source:media:sizes, src:mz

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

>source:sizes:type, src:zt

<code java>
  <source sizes="" srcset="" type="image/" />
</code>

>iframe

<code java>
  <iframe src="" frameborder="0"></iframe>
</code>

>embed

<code java>
  <embed src="" type="" />
</code>

>object

<code java>
  <object data="" type=""></object>
</code>

>param

<code java>
  <param name="" value="" />
</code>

>map

<code java>
  <map name=""></map>
</code>

>area

<code java>
  <area shape="" coords="" href="" alt="" />
</code>

>area:d

<code java>
  <area shape="default" href="" alt="" />
</code>

>area:c

<code java>
  <area shape="circle" coords="" href="" alt="" />
</code>

>area:r

<code java>
  <area shape="rect" coords="" href="" alt="" />
</code>

>area:p

<code java>
  <area shape="poly" coords="" href="" alt="" />
</code>

>form

<code java>
  <form action=""></form>
</code>

>form:get

<code java>
  <form action="" method="get"></form>
</code>

>form:post

<code java>
  <form action="" method="post"></form>
</code>

>label

<code java>
  <label for=""></label>
</code>

>input

<code java>
  <input type="text" />
</code>

>inp

<code java>
  <input type="text" name="" id="" />
</code>

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

<code java>
  <input type="hidden" name="" />
</code>

>input:text, input:t
>Alias of inp

<code java>
  <input type="text" name="" id="" />
</code>

>input:search
>Alias of inp[type=search]

<code java>
  <input type="search" name="" id="" />
</code>

>input:email
>Alias of inp[type=email]

<code java>
  <input type="email" name="" id="" />
</code>

>input:url
>Alias of inp[type=url]

<code java>
  <input type="url" name="" id="" />
</code>

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

<code java>
  <input type="password" name="" id="" />
</code>

>input:datetime
>Alias of inp[type=datetime]

<code java>
  <input type="datetime" name="" id="" />
</code>

>input:date
>Alias of inp[type=date]

<code java>
  <input type="date" name="" id="" />
</code>

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

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

>input:month
>Alias of inp[type=month]

<code java>
  <input type="month" name="" id="" />
</code>

>input:week
>Alias of inp[type=week]

<code java>
  <input type="week" name="" id="" />
</code>

>input:time
>Alias of inp[type=time]

<code java>
  <input type="time" name="" id="" />
</code>

>input:tel
>Alias of inp[type=tel]

<code java>
  <input type="tel" name="" id="" />
</code>

>input:number
>Alias of inp[type=number]

<code java>
  <input type="number" name="" id="" />
</code>

>input:color
>Alias of inp[type=color]

<code java>
  <input type="color" name="" id="" />
</code>

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

<code java>
  <input type="checkbox" name="" id="" />
</code>

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

<code java>
  <input type="radio" name="" id="" />
</code>

>input:range
>Alias of inp[type=range]

<code java>
  <input type="range" name="" id="" />
</code>

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

<code java>
  <input type="file" name="" id="" />
</code>

>input:submit, input:s

<code java>
  <input type="submit" value="" />
</code>

>input:image, input:i

<code java>
  <input type="image" src="" alt="" />
</code>

>input:button, input:b

<code java>
  <input type="button" value="" />
</code>

>isindex

<code java>
  <isindex />
</code>

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

<code java>
  <input type="reset" value="" />
</code>

>select

<code java>
  <select name="" id=""></select>
</code>
>select:disabled, select:d
>Alias of select[disabled.]

<code java>
  <select name="" id="" disabled="disabled"></select>
</code>

>option, opt

<code java>
  <option value=""></option>
</code>

>textarea

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

>marquee

<code java>
  <marquee behavior="" direction=""></marquee>
</code>

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

<code java>
  <menu type="context"></menu>
</code>

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

<code java>
  <menu type="toolbar"></menu>
</code>

>video

<code java>
  <video src=""></video>
</code>

>audio

<code java>
  <audio src=""></audio>
</code>

>html:xml

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

>keygen

<code java>
  <keygen />
</code>

>command

<code java>
  <command />
</code>

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

<code java>
  <button type="submit"></button>
</code>

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

<code java>
  <button type="reset"></button>
</code>

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

<code java>
  <button disabled="disabled"></button>
</code>

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

<code java>
  <fieldset disabled="disabled"></fieldset>
</code>

>bq
>Alias of blockquote

<code java>
  <blockquote></blockquote>
</code>

>fig
>Alias of figure

<code java>
  <figure></figure>
</code>

>figc
>Alias of figcaption

<code java>
  <figcaption></figcaption>
</code>

>pic
>Alias of picture

<code java>
  <picture></picture>
</code>

>ifr
>Alias of iframe

<code java>
  <iframe src="" frameborder="0"></iframe>
</code>

>emb
>Alias of embed

<code java>
  <embed src="" type="" />
</code>

>obj
>Alias of object

<code java>
  <object data="" type=""></object>
</code>

>cap
>Alias of caption

<code java>
  <caption></caption>
</code>

>colg
>Alias of colgroup

<code java>
  <colgroup></colgroup>
</code>

>fst, fset
>Alias of fieldset

<code java>
  <fieldset></fieldset>
</code>

>btn
>Alias of button

<code java>
  <button></button>
</code>

>optg
>Alias of optgroup

<code java>
  <optgroup></optgroup>
</code>

>tarea
>Alias of textarea

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

>leg
>Alias of legend

<code java>
  <legend></legend>
</code>

>sect
>Alias of section

<code java>
  <section></section>
</code>

>art
>Alias of article

<code java>
  <article></article>
</code>

>hdr
>Alias of header

<code java>
  <header></header>
</code>

>ftr
>Alias of footer

<code java>
  <footer></footer>
</code>

>adr
>Alias of address

<code java>
  <address></address>
</code>

>dlg
>Alias of dialog

<code java>
  <dialog></dialog>
</code>

>str
>Alias of strong

<code java>
  <strong></strong>
</code>

>prog
>Alias of progress

<code java>
  <progress></progress>
</code>

>mn
>Alias of main

<code java>
  <main></main>
</code>

>tem
>Alias of template

<code java>
  <template></template>
</code>

>datag
>Alias of datagrid

<code java>
  <datagrid></datagrid>
</code>

>datal
>Alias of datalist

<code java>
  <datalist></datalist>
</code>

>kg
>Alias of keygen

<code java>
  <keygen />
</code>

>out
>Alias of output

<code java>
  <output></output>
</code>

>det
>Alias of details

<code java>
  <details></details>
</code>

>cmd
>Alias of command

<code java>
  <command />
</code>

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

<code java>
  <html>
    <head>
      <meta charset="UTF-8" />
      <title>Document</title>
    </head>
    <body>
    
    </body>
  </html>
</code>

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

<code java>
  <html>
    <head>
      <meta http-equiv="Content-Type" 
       content="text/html;charset=UTF-8" />
      <title>Document</title>
    </head>
    <body>
    
    </body>
  </html>

</code>

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

<code java>
  <img srcset="" src="" alt="" />
</code>

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

<code java>
  <img sizes="" srcset="" src="" alt="" />
</code>

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

<code java>
  <picture>
    <source media="(min-width: )" srcset="" />
    <img src="" alt="" />
  </picture>
</code>

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

<code java>
  <picture>
    <source srcset="" type="image/" />
    <img src="" alt="" />
  </picture>
</code>

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

<code java>
  <!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>
</code>

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

<code java>
  <!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>
</code>

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

<code java>
  <!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>
</code>

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

<code java>
  <!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>
</code>

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

<code java>
  <!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>
</code>

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

<code java>
  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
    
  </body>
  </html>
</code>

>ol+
>Alias of ol>li

<code java>
  <ol>
    <li></li>
  </ol>
</code>

>ul+
>Alias of ul>li

<code java>
  <ul>
    <li></li>
  </ul>
</code>

>dl+
>Alias of dl>dt+dd

<code java>
  <dl>
    <dt></dt>
    <dd></dd>
  </dl>
</code>

>map+
>Alias of map>area

<code java>
  <map name="">
    <area shape="" coords="" href="" alt="" />
  </map>
</code>

>table+
>Alias of table>tr>td

<code java>
  <table>
    <tr>
        <td></td>
    </tr>
  </table>
</code>

>colgroup+, colg+
>Alias of colgroup>col

<code java>
  <colgroup>
    <col />
  </colgroup>
</code>

>tr+
>Alias of tr>td

<code java>
  <tr>
    <td></td>
  </tr>
</code>

>select+
>Alias of select>option

<code java>
  <select name="" id="">
    <option value=""></option>
  </select>
</code>

>optgroup+, optg+
>Alias of optgroup>option

<code java>
  <optgroup>
    <option value=""></option>
  </optgroup>
</code>

>pic+
>Alias of picture>source:srcset+img

<code java>
  <picture>
    <source srcset="" />
    <img src="" alt="" />
  </picture>
</code>

>!!!

<code java>
  <!DOCTYPE html>
</code>

>!!!4t

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

>!!!4s

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

>!!!xt

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

>!!!xs

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

>!!!xxs

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

>c

<code java>
  <!-- ${child} -->
</code>

>cc:ie6

<code java>
  <!--[if lte IE 6]>
    ${child}
  <![endif]-->
</code>

>cc:ie

<code java>
  <!--[if IE]>
    ${child}
  <![endif]-->
</code>

>cc:noie

<code java>
  <!--[if !IE]><!-->
    ${child}
  <!--<![endif]-->
</code>

===== 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
<code java>
position:relative;
</code>

>pos:s
<code java>
position:static;
</code>

>pos:a
<code java>
position:absolute;
</code>

>pos:r
<code java>
position:relative;
</code>

>pos:f
<code java>
position:fixed;
</code>

>t
<code java>
top:;
</code>>

>t:a
<code java>
top:auto;
</code>

>r
<code java>
right:;
</code>

>r:a
<code java>
right:auto;
</code>

>b
<code java>
bottom:;
</code>

>b:a
<code java>
bottom:auto;
</code>

>l
<code java>
left:;
</code>

>l:a
<code java>
left:auto;
</code>

>z
<code java>
z-index:;
</code>

>z:a

<code java>
z-index:auto;
</code>

>fl
<code java>
float:left;
</code>

>fl:n
<code java>
float:none;
</code>

>fl:l
<code java>
float:left;
</code>

>fl:r
<code java>
float:right;
</code>

>cl
<code java>
clear:both;
</code>

>cl:n
<code java>
clear:none;
</code>

>cl:l
<code java>
clear:left;
</code>

>cl:r
<code java>
clear:right;
</code>

>cl:b
<code java>
clear:both;
</code>

>d
<code java>
display:block;
</code>

>d:n
<code java>
display:none;
</code>

>d:b
<code java>
display:block;
</code>>

>d:f
<code java>
display:flex;
</code>

>d:if
<code java>
display:inline-flex;
</code>

>d:i
<code java>
display:inline;
</code>

>d:ib
<code java>
display:inline-block;
</code>

>d:li
<code java>
display:list-item;
</code>

>d:ri
<code java>
display:run-in;
</code>

>d:cp
<code java>
display:compact;
</code>

>d:tb
<code java>
display:table;
</code>

>d:itb
<code java>
display:inline-table;
</code>

>d:tbcp
<code java>
display:table-caption;
</code>

>d:tbcl
<code java>
display:table-column;
</code>

>d:tbclg
<code java>
display:table-column-group;
</code>

>d:tbhg
<code java>
display:table-header-group;
</code>

>d:tbfg
<code java>
display:table-footer-group;
</code>

>d:tbr
<code java>
display:table-row;
</code>

>d:tbrg
<code java>
display:table-row-group;
</code>

>d:tbc
<code java>
display:table-cell;
</code>

>d:rb
<code java>
display:ruby;
</code>

>d:rbb
<code java>
display:ruby-base;
</code>

>d:rbbg
<code java>
display:ruby-base-group;
</code>

>d:rbt
<code java>
display:ruby-text;
</code>

>d:rbtg
<code java>
display:ruby-text-group;
</code>

>v
<code java>
visibility:hidden;
</code>

>v:v
<code java>
visibility:visible;
</code>

>v:h
<code java>
visibility:hidden;
</code>

>v:c
<code java>
visibility:collapse;
</code>

>ov
<code java>
overflow:hidden;
</code>

>ov:v
<code java>
overflow:visible;
</code>

>ov:h
<code java>
overflow:hidden;
</code>

>ov:s
<code java>
overflow:scroll;
</code>

>ov:a
<code java>
overflow:auto;
</code>

>ovx
<code java>
overflow-x:hidden;
</code>

>ovx:v
<code java>
overflow-x:visible;
</code>

>ovx:h
<code java>
overflow-x:hidden;
</code>

>ovx:s
<code java>
overflow-x:scroll;
</code>

>ovx:a
<code java>
overflow-x:auto;
</code>

>ovy
<code java>
overflow-y:hidden;
</code>

>ovy:v
<code java>
overflow-y:visible;
</code>

>ovy:h
<code java>
overflow-y:hidden;
</code>

>ovy:s
<code java>
overflow-y:scroll;
</code>

>ovy:a
<code java>
overflow-y:auto;
</code>

>ovs
<code java>
overflow-style:scrollbar;
</code>

>ovs:a
<code java>
overflow-style:auto;
</code>

>ovs:s
<code java>
overflow-style:scrollbar;
</code>

>ovs:p
<code java>
overflow-style:panner;
</code>

>ovs:m
<code java>
overflow-style:move;
</code>

>ovs:mq
<code java>
overflow-style:marquee;
</code>

>zoo, zm
<code java>
zoom:1;
</code>

>cp
<code java>
clip:;
</code>

>cp:a
<code java>
clip:auto;
</code>

>cp:r
<code java>
clip:rect(top right bottom left);
</code>

>rsz
<code java>
resize:;
</code>

>rsz:n
<code java>
resize:none;
</code>

>rsz:b
<code java>
resize:both;
</code>

>rsz:h
<code java>
resize:horizontal;
</code>

>rsz:v
<code java>
resize:vertical;
</code>

>cur
<code java>
cursor:${pointer};
</code>

>cur:a
<code java>
cursor:auto;
</code>

>cur:d
<code java>
cursor:default;
</code>

>cur:c
<code java>
cursor:crosshair;
</code>

>cur:ha
<code java>
cursor:hand;
</code>

>cur:he
<code java>
cursor:help;
</code>

>cur:m
<code java>
cursor:move;
</code>

>cur:p
<code java>
cursor:pointer;
</code>

>cur:t
<code java>
cursor:text;
</code>

==== Margin & Padding ====

>m
<code java>
margin:;
</code>

>m:a
<code java>
margin:auto;
</code>

>mt
<code java>
margin-top:;
</code>

>mt:a
<code java>
margin-top:auto;
</code>

>mr
<code java>
margin-right:;
</code>

>mr:a
<code java>
margin-right:auto;
</code>

>mb
<code java>
margin-bottom:;
</code>

>mb:a
<code java>
margin-bottom:auto;
</code>

>ml
<code java>
margin-left:;
</code>

>ml:a
<code java>
margin-left:auto;
</code>

>p
<code java>
padding:;
</code>

>pt
<code java>
padding-top:;
</code>

>pr
<code java>
padding-right:;
</code>

>pb
<code java>
padding-bottom:;
</code>

>pl
<code java>
padding-left:;
</code>

==== Box Sizing ====

>bxz
<code java>
box-sizing:border-box;
</code>

>bxz:cb
<code java>
box-sizing:content-box;
</code>

>bxz:bb
<code java>
box-sizing:border-box;
</code>

>bxsh
<code java>
box-shadow:inset hoff voff blur color;
</code>

>bxsh:r
<code java>
box-shadow:inset hoff voff blur spread rgb(0, 0, 0);
</code>

>bxsh:ra
<code java>
box-shadow:inset h v blur spread rgba(0, 0, 0, .5);
</code>

>bxsh:n
<code java>
box-shadow:none;
</code>

>w
<code java>
width:;
</code>

>w:a
<code java>
width:auto;
</code>

>h
<code java>
height:;
</code>

>h:a
<code java>
height:auto;
</code>

>maw
<code java>
max-width:;
</code>

>maw:n
<code java>
max-width:none;
</code>

>mah
<code java>
max-height:;
</code>

>mah:n
<code java>
max-height:none;
</code>

>miw
<code java>
min-width:;
</code>

>mih
<code java>
min-height:;
</code>
==== Font ====

>f
<code java>
font:;
</code>

>f+
<code java>
font:1em Arial,sans-serif;
</code>

>fw
<code java>
font-weight:;
</code>

>fw:n
<code java>
font-weight:normal;
</code>

>fw:b
<code java>
font-weight:bold;
</code>

>fw:br
<code java>
font-weight:bolder;
</code>

>fw:lr
<code java>
font-weight:lighter;
</code>

>fs
<code java>
font-style:${italic};
</code>

>fs:n
<code java>
font-style:normal;
</code>

>fs:i
<code java>
font-style:italic;
</code>

>fs:o
<code java>
font-style:oblique;
</code>

>fv
<code java>
font-variant:;
</code>

>fv:n
<code java>
font-variant:normal;
</code>

>fv:sc
<code java>
font-variant:small-caps;
</code>

>fz
<code java>
font-size:;
</code>

>fza
<code java>
font-size-adjust:;
</code>

>fza:n
<code java>
font-size-adjust:none;
</code>

>ff
<code java>
font-family:;
</code>

>ff:s
<code java>
font-family:serif;
</code>

>ff:ss
<code java>
font-family:sans-serif;
</code>

>ff:c
<code java>
font-family:cursive;
</code>

>ff:f
<code java>
font-family:fantasy;
</code>

>ff:m
<code java>
font-family:monospace;
</code>

>ff:a
<code java>
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
</code>

>ff:t
<code java>
font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
</code>

>ff:v
<code java>
font-family: Verdana, Geneva, sans-serif;
</code>

>fef
<code java>
font-effect:;
</code>

>fef:n
<code java>
font-effect:none;
</code>

>fef:eg
<code java>
font-effect:engrave;
</code>

>fef:eb
<code java>
font-effect:emboss;
</code>

>fef:o
<code java>
font-effect:outline;
</code>

>fem
<code java>
font-emphasize:;
</code>

>femp
<code java>
font-emphasize-position:;
</code>

>femp:b
<code java>
font-emphasize-position:before;
</code>

>femp:a
<code java>
font-emphasize-position:after;
</code>

>fems
<code java>
font-emphasize-style:;
</code>

>fems:n
<code java>
font-emphasize-style:none;
</code>

>fems:ac
<code java>
font-emphasize-style:accent;
</code>

>fems:dt
<code java>
font-emphasize-style:dot;
</code>

>fems:c
<code java>
font-emphasize-style:circle;
</code>

>fems:ds
<code java>
font-emphasize-style:disc;
</code>

>fsm
<code java>
font-smooth:;
</code>

>fsm:a
<code java>
font-smooth:auto;
</code>

>fsm:n
<code java>
font-smooth:never;
</code>

>fsm:aw
<code java>
font-smooth:always;
</code>

>fst
<code java>
font-stretch:;
</code>

>fst:n
<code java>
font-stretch:normal;
</code>

>fst:uc
<code java>
font-stretch:ultra-condensed;
</code>

>fst:ec
<code java>
font-stretch:extra-condensed;
</code>

>fst:c
<code java>
font-stretch:condensed;
</code>

>fst:sc
<code java>
font-stretch:semi-condensed;
</code>

>fst:se
<code java>
font-stretch:semi-expanded;
</code>

>fst:e
<code java>
font-stretch:expanded;
</code>

>fst:ee
<code java>
font-stretch:extra-expanded;
</code>

>fst:ue
<code java>
font-stretch:ultra-expanded;
</code>

==== Text ====

>va
<code java>
vertical-align:top;
</code>

>va:sup
<code java>
vertical-align:super;
</code>

>va:t
<code java>
vertical-align:top;
</code>

>va:tt
<code java>
vertical-align:text-top;
</code>

>va:m
<code java>
vertical-align:middle;
</code>

>va:bl
<code java>
vertical-align:baseline;
</code>

>va:b
<code java>
vertical-align:bottom;
</code>

>va:tb
<code java>
vertical-align:text-bottom;
</code>

>va:sub
<code java>
vertical-align:sub;
</code>

>ta
<code java>
text-align:left;
</code>

>ta:l
<code java>
text-align:left;
</code>

>ta:c
<code java>
text-align:center;
</code>

>ta:r
<code java>
text-align:right;
</code>

>ta:j
<code java>
text-align:justify;
</code>

>ta-lst
<code java>
text-align-last:;
</code>

>tal:a
<code java>
text-align-last:auto;
</code>

>tal:l
<code java>
text-align-last:left;
</code>

>tal:c
<code java>
text-align-last:center;
</code>

>tal:r
<code java>
text-align-last:right;
</code>

>td
<code java>
text-decoration:none;
</code>

>td:n
<code java>
text-decoration:none;
</code>

>td:u
<code java>
text-decoration:underline;
</code>

>td:o
<code java>
>text-decoration:overline;
</code>

>td:l
<code java>
text-decoration:line-through;
</code>

>te
<code java>
text-emphasis:;
</code>

>te:n
<code java>
text-emphasis:none;
</code>

>te:ac
<code java>
text-emphasis:accent;
</code>

>te:dt
<code java>
text-emphasis:dot;
</code>

>te:c
<code java>
text-emphasis:circle;
</code>

>te:ds
<code java>
text-emphasis:disc;
</code>

>te:b
<code java>
text-emphasis:before;
</code>

>te:a
<code java>
text-emphasis:after;
</code>

>th
<code java>
text-height:;
</code>

>th:a
<code java>
text-height:auto;
</code>

>th:f
<code java>
text-height:font-size;
</code>

>th:t
<code java>
text-height:text-size;
</code>

>th:m
<code java>
text-height:max-size;
</code>

>ti
<code java>
text-indent:;
</code>

>ti:-
<code java>
text-indent:-9999px;
</code>

>tj
<code java>
text-justify:;
</code>

>tj:a
<code java>
text-justify:auto;
</code>

>tj:iw
<code java>
text-justify:inter-word;
</code>

>tj:ii
<code java>
text-justify:inter-ideograph;
</code>

>tj:ic
<code java>
text-justify:inter-cluster;
</code>

>tj:d
<code java>
text-justify:distribute;
</code>

>tj:k
<code java>
text-justify:kashida;
</code>

>tj:t
<code java>
text-justify:tibetan;
</code>

>to
<code java>
text-outline:;
</code>

>to+
<code java>
text-outline:0 0 #000;
</code>

>to:n
<code java>
text-outline:none;
</code>

>tr
<code java>
text-replace:;
</code>

>tr:n
<code java>
text-replace:none;
</code>

>tt
<code java>
text-transform:uppercase;
</code>

>tt:n
<code java>
text-transform:none;
</code>

>tt:c
<code java>
text-transform:capitalize;
</code>

>tt:u
<code java>
text-transform:uppercase;
</code>

>tt:l
<code java>
text-transform:lowercase;
</code>

>tw
<code java>
text-wrap:;
</code>

>tw:n
<code java>
text-wrap:normal;
</code>

>tw:no
<code java>
text-wrap:none;
</code>

>tw:u
<code java>
text-wrap:unrestricted;
</code>

>tw:s
<code java>
text-wrap:suppress;
</code>

>tsh
<code java>
text-shadow:hoff voff blur #000;
</code>

>tsh:r
<code java>
text-shadow:h v blur rgb(0, 0, 0);
</code>

>tsh:ra
<code java>
text-shadow:h v blur rgba(0, 0, 0, .5);
</code>

>tsh+
<code java>
text-shadow:0 0 0 #000;
</code>

>tsh:n
<code java>
text-shadow:none;
</code>

>lh
<code java>
line-height:;
</code>

>lts
<code java>
letter-spacing:;
</code>

>lts-n
<code java>
letter-spacing:normal;
</code>

>whs
<code java>
white-space:;
</code>

>whs:n
<code java>
white-space:normal;
</code>

>whs:p
<code java>
white-space:pre;
</code>

>whs:nw
<code java>
white-space:nowrap;
</code>

>whs:pw
<code java>
white-space:pre-wrap;
</code>

>whs:pl
<code java>
white-space:pre-line;
</code>

>whsc
<code java>
white-space-collapse:;
</code>

>whsc:n
<code java>
white-space-collapse:normal;
</code>

>whsc:k
<code java>
white-space-collapse:keep-all;
</code>

>whsc:l
<code java>
white-space-collapse:loose;
</code>

>whsc:bs
<code java>
white-space-collapse:break-strict;
</code>

>whsc:ba
<code java>
white-space-collapse:break-all;
</code>

>wob
<code java>
word-break:;
</code>

>wob:n
<code java>
word-break:normal;
</code>

>wob:k
<code java>
word-break:keep-all;
</code>

>wob:ba
<code java>
word-break:break-all;
</code>

>wos
<code java>
word-spacing:;
</code>

>wow
<code java>
word-wrap:;
</code>

>wow:nm
<code java>
word-wrap:normal;
</code>

>wow:n
<code java>
word-wrap:none;
</code>

>wow:u
<code java>
word-wrap:unrestricted;
</code>

>wow:s
<code java>
word-wrap:suppress;
</code>

>wow:b
<code java>
word-wrap:break-word;
</code>

==== Background ====

>bg
<code java>
background:#000
</code>;

>bg+
<code java>
background:#fff url() 0 0 no-repeat;
</code>

>bg:n
<code java>
background:none;
</code>

>bgc
<code java>
background-color:#fff;
</code>

>bgc:t
<code java>
background-color:transparent;
</code>

>bgi
<code java>
background-image:url();
</code>

>bgi:n
<code java>
background-image:none;
</code>

>bgr
<code java>
background-repeat:;
</code>

>bgr:n
<code java>
background-repeat:no-repeat;
</code>

>bgr:x
<code java>
background-repeat:repeat-x;
</code>

>bgr:y
<code java>
background-repeat:repeat-y;
</code>

>bgr:sp
<code java>
background-repeat:space;
</code>

>bgr:rd
<code java>
background-repeat:round;
</code>

>bga
<code java>
background-attachment:;
</code>

>bga:f
<code java>
background-attachment:fixed;
</code>

>bga:s
<code java>
background-attachment:scroll;
</code>

>bgp
<code java>
background-position:0 0;
</code>

>bgpx
<code java>
background-position-x:;
</code>

>bgpy
<code java>
background-position-y:;
</code>

>bgbk
<code java>
background-break:;
</code>

>bgbk:bb
<code java>
background-break:bounding-box;
</code>

>bgbk:eb
<code java>
background-break:each-box;
</code>

>bgbk:c
<code java>
background-break:continuous;
</code>

>bgcp
<code java>
background-clip:padding-box;
</code>

>bgcp:bb
<code java>
background-clip:border-box;
</code>

>bgcp:pb
<code java>
background-clip:padding-box;
</code>

>bgcp:cb
<code java>
background-clip:content-box;
</code>

>bgcp:nc
<code java>
background-clip:no-clip;
</code>

>bgo
<code java>
background-origin:;
</code>

>bgo:pb
<code java>
background-origin:padding-box;
</code>

bgo:bb
<code java>
background-origin:border-box;
</code>

>bgo:cb
<code java>
background-origin:content-box;
</code>

>bgsz
<code java>
background-size:;
</code>

>bgsz:a
<code java>
background-size:auto;
</code>

>bgsz:ct
<code java>
background-size:contain;
</code>

>bgsz:cv
<code java>
background-size:cover;
</code>

==== Color ====

>c
<code java>
color:#000;
</code>

>c:r
<code java>
color:rgb(0, 0, 0);
</code>

>c:ra
<code java>
color:rgba(0, 0, 0, .5);
</code>

>op
<code java>
opacity:;
</code>
==== Generated content ====

>cnt
<code java>
content:'';
</code>

>cnt:n, ct:n
<code java>
content:normal;
</code>

>cnt:oq, ct:oq
<code java>
content:open-quote;
</code>

>cnt:noq, ct:noq
<code java>
content:no-open-quote;
</code>

>cnt:cq, ct:cq
<code java>
content:close-quote;
</code>

>cnt:ncq, ct:ncq
<code java>
content:no-close-quote;
</code>

>cnt:a, ct:a
<code java>
content:attr();
</code>

>cnt:c, ct:c
<code java>
content:counter();
</code>

>cnt:cs, ct:cs
<code java>
content:counters();
</code>

>ct
<code java>
content:;
</code>

>q
<code java>
quotes:;
</code>

>q:n
<code java>
quotes:none;
</code>

>q:ru
<code java>
quotes:'\00AB' '\00BB' '\201E' '\201C';
</code>

>q:en
<code java>
quotes:'\201C' '\201D' '\2018' '\2019';
</code>

>coi
<code java>
counter-increment:;
</code>

>cor
<code java>
counter-reset:;
</code>

==== Outline ====

>ol
<code java>
outline:;
</code>

>ol:n
<code java>
outline:none;
</code>

>olo
<code java>
outline-offset:;
</code>

>olw
<code java>
outline-width:;
</code>

>olw:tn
<code java>
outline-width:thin;
</code>

>olw:m
<code java>
outline-width:medium;
</code>

>olw:tc
<code java>
outline-width:thick;
</code>

>ols
<code java>
outline-style:;
</code>

>ols:n
<code java>
outline-style:none;
</code>

>ols:dt
<code java>
outline-style:dotted;
</code>

>ols:ds
<code java>
outline-style:dashed;
</code>

>ols:s
<code java>
outline-style:solid;
</code>

>ols:db
<code java>
outline-style:double;
</code>

>ols:g
<code java>
outline-style:groove;
</code>

>ols:r
<code java>
outline-style:ridge;
</code>

>ols:i
<code java>
outline-style:inset;
</code>

>ols:o
<code java>
outline-style:outset;
</code>

>olc
<code java>
outline-color:#000;
</code>

>olc:i
<code java>
outline-color:invert;
</code>

==== Tables ====

>tbl
<code java>
table-layout:;
</code>

>tbl:a
<code java>
table-layout:auto;
</code>

>tbl:f
<code java>
table-layout:fixed;
</code>

>cps
<code java>
caption-side:;
</code>

>cps:t
<code java>
caption-side:top;
</code>

>cps:b
<code java>
caption-side:bottom;
</code>

>ec
<code java>
empty-cells:;
</code>

>ec:s
<code java>
empty-cells:show;
</code>

>ec:h
<code java>
empty-cells:hide;
</code>

==== Border ====

>bd
<code java>
border:;
</code>

>bd+
<code java>
border:1px solid #000;
</code>

>bd:n
<code java>
border:none;
</code>

>bdbk
<code java>
border-break:close;
</code>

>bdbk:c
<code java>
border-break:close;
</code>

>bdcl
<code java>
border-collapse:;
</code>

>bdcl:c
<code java>
border-collapse:collapse;
</code>

>bdcl:s
<code java>
border-collapse:separate;
</code>

>bdc
<code java>
border-color:#000;
</code>

>bdc:t
<code java>
border-color:transparent;
</code>

>bdi
<code java>
border-image:url();
</code>

>bdi:n
<code java>
border-image:none;
</code>

>bdti
<code java>
border-top-image:url();
</code>

>bdti:n
<code java>
border-top-image:none;
</code>

>bdri
<code java>
border-right-image:url();
</code>

>bdri:n
<code java>
border-right-image:none;
</code>

>bdbi
<code java>
border-bottom-image:url();
</code>

>bdbi:n
<code java>
border-bottom-image:none;
</code>

>bdli
<code java>
border-left-image:url();
</code>

>bdli:n
<code java>
border-left-image:none;
</code>

>bdci
<code java>
border-corner-image:url();
</code>

>bdci:n
<code java>
border-corner-image:none;
</code>

>bdci:c
<code java>
border-corner-image:continue;
</code>

>bdtli
<code java>
border-top-left-image:url();
</code>

>bdtli:n
<code java>
border-top-left-image:none;
</code>

>bdtli:c
<code java>
border-top-left-image:continue;
</code>

>bdtri
<code java>
border-top-right-image:url();
</code>

>bdtri:n
<code java>
border-top-right-image:none;
</code>

>bdtri:c
<code java>
border-top-right-image:continue;
</code>

>bdbri
<code java>
border-bottom-right-image:url();
</code>

>bdbri:n
<code java>
border-bottom-right-image:none;
</code>

>bdbri:c
<code java>
border-bottom-right-image:continue;
</code>

>bdbli
<code java>
border-bottom-left-image:url();
</code>

>bdbli:n
<code java>
border-bottom-left-image:none;
</code>

>bdbli:c
<code java>
border-bottom-left-image:continue;
</code>

>bdf
<code java>
border-fit:repeat;
</code>

>bdf:c
<code java>
border-fit:clip;
</code>

>bdf:r
<code java>
border-fit:repeat;
</code>

>bdf:sc
<code java>
border-fit:scale;
</code>

>bdf:st
<code java>
border-fit:stretch;
</code>

>bdf:ow
<code java>
border-fit:overwrite;
</code>

>bdf:of
<code java>
border-fit:overflow;
</code>

>bdf:sp
<code java>
border-fit:space;
</code>

>bdlen
<code java>
border-length:;
</code>

>bdlen:a
<code java>
border-length:auto;
</code>

>bdsp
<code java>
border-spacing:;
</code>

>bds
<code java>
border-style:;
</code>

>bds:n
<code java>
border-style:none;
</code>

>bds:h
<code java>
border-style:hidden;
</code>

>bds:dt
<code java>
border-style:dotted;
</code>

>bds:ds
<code java>
border-style:dashed;
</code>

>bds:s
<code java>
border-style:solid;
</code>

>bds:db
<code java>
border-style:double;
</code>

>bds:dtds
<code java>
border-style:dot-dash;
</code>

>bds:dtdtds
<code java>
border-style:dot-dot-dash;
</code>

>bds:w
<code java>
border-style:wave;
</code>

>bds:g
<code java>
border-style:groove;
</code>

>bds:r
<code java>
border-style:ridge;
</code>

>bds:i
<code java>
border-style:inset;
</code>

>bds:o
<code java>
border-style:outset;
</code>

>bdw
<code java>
border-width:;
</code>

>bdt, bt
<code java>
border-top:;
</code>

>bdt+
<code java>
border-top:1px solid #000;
</code>

>bdt:n
<code java>
border-top:none;
</code>

>bdtw
<code java>
border-top-width:;
</code>

>bdts
<code java>
border-top-style:;
</code>

>bdts:n
<code java>
border-top-style:none;
</code>

>bdtc
<code java>
border-top-color:#000;
</code>

>bdtc:t
<code java>
border-top-color:transparent;
</code>

>bdr, br
<code java>
border-right:;
</code>

>bdr+
<code java>
border-right:1px solid #000;
</code>

>bdr:n
<code java>
border-right:none;
</code>

>bdrw
<code java>
border-right-width:;
</code>

>bdrst
<code java>
border-right-style:;
</code>

>bdrst:n
<code java>
border-right-style:none;
</code>

>bdrc
<code java>
border-right-color:#000;
</code>

>bdrc:t
<code java>
border-right-color:transparent;
</code>

>bdb, bb
<code java>
border-bottom:;
</code>

>bdb+
<code java>
border-bottom:1px solid #000;
</code>

>bdb:n
<code java>
border-bottom:none;
</code>

>bdbw
<code java>
border-bottom-width:;
</code>

>bdbs
<code java>
border-bottom-style:;
</code>

>bdbs:n
<code java>
border-bottom-style:none;
</code>

>bdbc
<code java>
border-bottom-color:#000;
</code>

>bdbc:t
<code java>
border-bottom-color:transparent;
</code>

>bdl, bl
<code java>
border-left:;
</code>

>bdl+
<code java>
border-left:1px solid #000;
</code>

>bdl:n
<code java>
border-left:none;
</code>

>bdlw
<code java>
border-left-width:;
</code>

>bdls
<code java>
border-left-style:;
</code>

>bdls:n
<code java>
border-left-style:none;
</code>

>bdlc
<code java>
border-left-color:#000;
</code>

>bdlc:t
<code java>
border-left-color:transparent;
</code>

>bdrs
<code java>
border-radius:;
</code>

>bdtrrs
<code java>
border-top-right-radius:;
</code>

>bdtlrs
<code java>
border-top-left-radius:;
</code>

>bdbrrs
<code java>
border-bottom-right-radius:;
</code>

>bdblrs
<code java>
border-bottom-left-radius:;
</code>

==== Lists ====

>lis
<code java>
list-style:;
</code>

>lis:n
<code java>
list-style:none;
</code>

>lisp
<code java>
list-style-position:;
</code>

>lisp:i
<code java>
list-style-position:inside;
</code>

>lisp:o
<code java>
list-style-position:outside;
</code>

>list
<code java>
list-style-type:;
</code>

>list:n
<code java>
list-style-type:none;
</code>

>list:d
<code java>
list-style-type:disc;
</code>

>list:c
<code java>
list-style-type:circle;
</code>

>list:s
<code java>
list-style-type:square;
</code>

>list:dc
<code java>
list-style-type:decimal;
</code>

>list:dclz
<code java>
list-style-type:decimal-leading-zero;
</code>

>list:lr
<code java>
list-style-type:lower-roman;
</code>

>list:ur
<code java>
list-style-type:upper-roman;
</code>

>lisi
<code java>
list-style-image:;
</code>

>lisi:n
<code java>
list-style-image:none;
</code>

==== Print ====

>pgbb
<code java>
page-break-before:;
</code>

>pgbb:au
<code java>
page-break-before:auto;
</code>

>pgbb:al
<code java>
page-break-before:always;
</code>

>pgbb:l
<code java>
page-break-before:left;
</code>

>pgbb:r
<code java>
page-break-before:right;
</code>

>pgbi
<code java>
page-break-inside:;
</code>

>pgbi:au
<code java>
page-break-inside:auto;
</code>

>pgbi:av
<code java>
page-break-inside:avoid;
</code>

>pgba
<code java>
page-break-after:;
</code>

>pgba:au
<code java>
page-break-after:auto;
</code>

>pgba:al
<code java>
page-break-after:always;
</code>

>pgba:l
<code java>
page-break-after:left;
</code>

>pgba:r
<code java>
page-break-after:right;
</code>

>orp
<code java>
orphans:;
</code>

>wid
<code java>
widows:;
</code>

==== Others ====

>!
<code java>
!important
</code>

>@f
<code java>
@font-face {
    font-family:;
    src:url(|);
}
</code>

>@f+
<code java>
@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;
}
</code>

>@i, @import
<code java>
@import url();
</code>

>@kf
<code java>
@-webkit-keyframes identifier {
    from {  }
    to {  }
}
@-o-keyframes identifier {
    from {  }
    to {  }
}
@-moz-keyframes identifier {
    from {  }
    to {  }
}
@keyframes identifier {
    from {  }
    to {  }
}
</code>

>@m, @media
<code java>
@media screen {
    
}
</code>

>ac
<code java>
align-content: ;
</code>

>ac:c
<code java>
align-content:center;
</code>

>ac:fe
<code java>
align-content:flex-end;
</code>

>ac:fs
<code java>
align-content:flex-start;
</code>

>ac:s
<code java>
align-content:stretch;
</code>

>ac:sa
<code java>
align-content:space-around;
</code>

>ac:sb
<code java>
align-content:space-between;
</code>

>ai
<code java>
align-items:;
</code>

>ai:b
<code java>
align-items:baseline;
</code>

>ai:c
<code java>
align-items:center;
</code>

>ai:fe
<code java>
align-items:flex-end;
</code>

>ai:fs
<code java>
align-items:flex-start;
</code>

>ai:s
<code java>
align-items:stretch;
</code>

>anim
<code java>
animation:;
</code>

>anim-
<code java>
animation:name duration timing-function delay iteration-count 
direction fill-mode;
</code>

>animdel
<code java>
animation-delay:time;
</code>

>animdir
<code java>
animation-direction:normal;
</code>

>animdir:a
<code java>
animation-direction:alternate;
</code>

>animdir:ar
<code java>
animation-direction:alternate-reverse;
</code>

>animdir:n
<code java>
animation-direction:normal;
</code>

>animdir:r
<code java>
animation-direction:reverse;
</code>

>animdur
<code java>
animation-duration:0s;
</code>

>animfm
<code java>
animation-fill-mode:both;
</code>

>animfm:b
<code java>
animation-fill-mode:backwards;
</code>

>animfm:bt, animfm:bh
<code java>
animation-fill-mode:both;
</code>

>animfm:f
<code java>
animation-fill-mode:forwards;
</code>

>animic
<code java>
animation-iteration-count:1;
</code>

>animic:i
<code java>
animation-iteration-count:infinite;
</code>

>animn
<code java>
animation-name:none;
</code>

>animps
<code java>
animation-play-state:running;
</code>

>animps:p
<code java>
animation-play-state:paused;
</code>

>animps:r
<code java>
animation-play-state:running;
</code>

>animtf
<code java>
animation-timing-function:linear;
</code>

>animtf:cb
<code java>
animation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1);
</code>

>animtf:e
<code java>
animation-timing-function:ease;
</code>

>animtf:ei
<code java>
animation-timing-function:ease-in;
</code>

>animtf:eio
<code java>
animation-timing-function:ease-in-out;
</code>

>animtf:eo
<code java>
animation-timing-function:ease-out;
</code>

>animtf:l
<code java>
animation-timing-function:linear;
</code>

>ap
<code java>
appearance:${none};
</code>

>as
<code java>
align-self:;
</code>

>as:a
<code java>
align-self:auto;
</code>

>as:b
<code java>
align-self:baseline;
</code>

>as:c
<code java>
align-self:center;
</code>

>as:fe
<code java>
align-self:flex-end;
</code>

>as:fs
<code java>
align-self:flex-start;
</code>

>as:s
<code java>
align-self:stretch;
</code>

>bfv
<code java>
backface-visibility:;
</code>

>bfv:h
<code java>
backface-visibility:hidden;
</code>

>bfv:v
<code java>
backface-visibility:visible;
</code>

>bg:ie
<code java>
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='x.png',sizingMethod='crop');
</code>

>cm
<code java>
/* ${child} */
</code>

>colm
<code java>
columns:;
</code>

>colmc
<code java>
column-count:;
</code>

>colmf
<code java>
column-fill:;
</code>

>colmg
<code java>
column-gap:;
</code>

>colmr
<code java>
column-rule:;
</code>

>colmrc
<code java>
column-rule-color:;
</code>

>colmrs
<code java>
column-rule-style:;
</code>

>colmrw
<code java>
column-rule-width:;
</code>

>colms
<code java>
column-span:;
</code>

>colmw
<code java>
column-width:;
</code>

>d:ib+
<code java>
display: inline-block;
*display: inline;
*zoom: 1;
</code>

>fx
<code java>
flex:;
</code>

>fxb
<code java>
flex-basis:;

</code>
>fxd
<code java>
flex-direction:;
</code>

>fxd:c
<code java>
flex-direction:column;
</code>

>fxd:cr
<code java>
flex-direction:column-reverse;
</code>

>fxd:r
<code java>
flex-direction:row;
</code>

>fxd:rr
<code java>
flex-direction:row-reverse;
</code>

>fxf
<code java>
flex-flow:;
</code>

>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
<code java>
<xsl:template match="" mode=""></xsl:template>
</code>

>tname, tn
 <code java>
<xsl:template name=""></xsl:template>
</code>

>call
<code java>
<xsl:call-template name="" />
</code>
>ap
<code java>
<xsl:apply-templates select="" mode="" />
</code>

>api
<code java>
<xsl:apply-imports />
</code>

>imp
<code java>
<xsl:import href="" />
</code>

>inc
<code java>
<xsl:include href="" />
</code>

>ch
<code java>
<xsl:choose></xsl:choose>
</code>

>xsl:when, wh
<code java>
<xsl:when test=""></xsl:when>
</code>

>ot
<code java>
<xsl:otherwise></xsl:otherwise>
</code>

>if
<code java>
<xsl:if test=""></xsl:if>
</code>

>par
<code java>
<xsl:param name=""></xsl:param>
</code>

>pare
<code java>
<xsl:param name="" select="" />
</code>

>var
<code java>
<xsl:variable name=""></xsl:variable>
</code>

>vare
<code java>
<xsl:variable name="" select="" />
</code>

>wp
<code java>
<xsl:with-param name="" select="" />
</code>

>key
<code java>
<xsl:key name="" match="" use="" />
</code>

>elem
<code java>
<xsl:element name=""></xsl:element>
</code>

>attr
<code java>
<xsl:attribute name=""></xsl:attribute>
</code>

>attrs
<code java>
<xsl:attribute-set name=""></xsl:attribute-set>
</code>

>cp
<code java>
<xsl:copy select="" />
</code>

>co
<code java>
<xsl:copy-of select="" />
</code>

>val
<code java>
<xsl:value-of select="" />
</code>

>each, for
<code java>
<xsl:for-each select=""></xsl:for-each>
</code>

>tex
<code java>
<xsl:text></xsl:text>
</code>

>com
<code java>
<xsl:comment></xsl:comment>
</code>

>msg
<code java>
<xsl:message terminate="no"></xsl:message>
</code>

>fall
<code java>
<xsl:fallback></xsl:fallback>
</code>

>num
<code java>
<xsl:number value="" />
</code>

>nam
<code java>
<namespace-alias stylesheet-prefix="" result-prefix="" />
</code>

>pres
<code java>
<xsl:preserve-space elements="" />
</code>

>strip
<code java>
<xsl:strip-space elements="" />
</code>

>proc
<code java>
<xsl:processing-instruction name=""></xsl:processing-instruction>
</code>

>sort
<code java>
<xsl:sort select="" order="" />
</code>

>choose+
>Alias of xsl:choose>xsl:when+xsl:otherwise
<code java>
<xsl:choose>
    <xsl:when test=""></xsl:when>
    <xsl:otherwise></xsl:otherwise>
</xsl:choose>
</code>

>xsl
>Alias of !!!+xsl:stylesheet[version=1.0 
>xmlns:xsl=http://www.w3.org/1999/XSL/Transform]>{
>|}
<code java>
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"></xsl:stylesheet>
</code>

>!!!
<code java>
<?xml version="1.0" encoding="UTF-8"?>
</code>
nme.kr

문서 도구

사이트 도구

사용자 도구

왼쪽 메뉴 편집

Plugin 관리
테마 디자인

nme.kr

문서 도구

사이트 도구

사용자 도구

왼쪽 메뉴 편집 Plugin 관리 테마 디자인

왼쪽 메뉴 편집

Plugin 관리
테마 디자인
