nme.kr

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
keyboard:emmet [2023/07/18 17:07]
clayeryan@gmail.com [Outline]
keyboard:emmet [2023/07/22 10:29] (현재)
clayeryan@gmail.com ↷ 문서가 프로그램:keyboard:emmet에서 keyboard:emmet(으)로 이동되었습니다
줄 3: 줄 3:
 [[https://docs.emmet.io/]] [[https://docs.emmet.io/]]
  
 +**VSCode, Bracket, Notepad+ 와 같은 프로그램에서 HTML, CSS 코딩에 반복되는 코드 입력을 손쉽게 해주는 확장기능이다.**
 +
 +VSCode는 추가기능 설치가 필요없이 기본적으로 Emmet을 지원하며, 입력 후에 <key>Tab</key>을 누르면 된다.
 ===== Syntax ===== ===== Syntax =====
  
줄 322: 줄 325:
  
 >hr >hr
-  +
 <code java> <code java>
   <hr />   <hr />
줄 3183: 줄 3186:
 ==== Tables ==== ==== Tables ====
  
-tbl+>tbl 
 +<code java>
 table-layout:; table-layout:;
-tbl:a+</code> 
 + 
 +>tbl:a 
 +<code java>
 table-layout:auto; table-layout:auto;
-tbl:f+</code> 
 + 
 +>tbl:f 
 +<code java>
 table-layout:fixed; table-layout:fixed;
-cps+</code> 
 + 
 +>cps 
 +<code java>
 caption-side:; caption-side:;
-cps:t+</code> 
 + 
 +>cps:t 
 +<code java>
 caption-side:top; caption-side:top;
-cps:b+</code> 
 + 
 +>cps:b 
 +<code java>
 caption-side:bottom; caption-side:bottom;
-ec+</code> 
 + 
 +>ec 
 +<code java>
 empty-cells:; empty-cells:;
-ec:s+</code> 
 + 
 +>ec:s 
 +<code java>
 empty-cells:show; empty-cells:show;
-ec:h+</code> 
 + 
 +>ec:h 
 +<code java>
 empty-cells:hide; empty-cells:hide;
 +</code>
  
 ==== Border ==== ==== Border ====
  
-bd+>bd 
 +<code java>
 border:; border:;
-bd++</code> 
 + 
 +>bd+ 
 +<code java>
 border:1px solid #000; border:1px solid #000;
-bd:n+</code> 
 + 
 +>bd:n 
 +<code java>
 border:none; border:none;
-bdbk+</code> 
 + 
 +>bdbk 
 +<code java>
 border-break:close; border-break:close;
-bdbk:c+</code> 
 + 
 +>bdbk:c 
 +<code java>
 border-break:close; border-break:close;
-bdcl+</code> 
 + 
 +>bdcl 
 +<code java>
 border-collapse:; border-collapse:;
-bdcl:c+</code> 
 + 
 +>bdcl:c 
 +<code java>
 border-collapse:collapse; border-collapse:collapse;
-bdcl:s+</code> 
 + 
 +>bdcl:s 
 +<code java>
 border-collapse:separate; border-collapse:separate;
-bdc+</code> 
 + 
 +>bdc 
 +<code java>
 border-color:#000; border-color:#000;
-bdc:t+</code> 
 + 
 +>bdc:t 
 +<code java>
 border-color:transparent; border-color:transparent;
-bdi+</code> 
 + 
 +>bdi 
 +<code java>
 border-image:url(); border-image:url();
-bdi:n+</code> 
 + 
 +>bdi:n 
 +<code java>
 border-image:none; border-image:none;
-bdti+</code> 
 + 
 +>bdti 
 +<code java>
 border-top-image:url(); border-top-image:url();
-bdti:n+</code> 
 + 
 +>bdti:n 
 +<code java>
 border-top-image:none; border-top-image:none;
-bdri+</code> 
 + 
 +>bdri 
 +<code java>
 border-right-image:url(); border-right-image:url();
-bdri:n+</code> 
 + 
 +>bdri:n 
 +<code java>
 border-right-image:none; border-right-image:none;
-bdbi+</code> 
 + 
 +>bdbi 
 +<code java>
 border-bottom-image:url(); border-bottom-image:url();
-bdbi:n+</code> 
 + 
 +>bdbi:n 
 +<code java>
 border-bottom-image:none; border-bottom-image:none;
-bdli+</code> 
 + 
 +>bdli 
 +<code java>
 border-left-image:url(); border-left-image:url();
-bdli:n+</code> 
 + 
 +>bdli:n 
 +<code java>
 border-left-image:none; border-left-image:none;
-bdci+</code> 
 + 
 +>bdci 
 +<code java>
 border-corner-image:url(); border-corner-image:url();
-bdci:n+</code> 
 + 
 +>bdci:n 
 +<code java>
 border-corner-image:none; border-corner-image:none;
-bdci:c+</code> 
 + 
 +>bdci:c 
 +<code java>
 border-corner-image:continue; border-corner-image:continue;
-bdtli+</code> 
 + 
 +>bdtli 
 +<code java>
 border-top-left-image:url(); border-top-left-image:url();
-bdtli:n+</code> 
 + 
 +>bdtli:n 
 +<code java>
 border-top-left-image:none; border-top-left-image:none;
-bdtli:c+</code> 
 + 
 +>bdtli:c 
 +<code java>
 border-top-left-image:continue; border-top-left-image:continue;
-bdtri+</code> 
 + 
 +>bdtri 
 +<code java>
 border-top-right-image:url(); border-top-right-image:url();
-bdtri:n+</code> 
 + 
 +>bdtri:n 
 +<code java>
 border-top-right-image:none; border-top-right-image:none;
-bdtri:c+</code> 
 + 
 +>bdtri:c 
 +<code java>
 border-top-right-image:continue; border-top-right-image:continue;
-bdbri+</code> 
 + 
 +>bdbri 
 +<code java>
 border-bottom-right-image:url(); border-bottom-right-image:url();
-bdbri:n+</code> 
 + 
 +>bdbri:n 
 +<code java>
 border-bottom-right-image:none; border-bottom-right-image:none;
-bdbri:c+</code> 
 + 
 +>bdbri:c 
 +<code java>
 border-bottom-right-image:continue; border-bottom-right-image:continue;
-bdbli+</code> 
 + 
 +>bdbli 
 +<code java>
 border-bottom-left-image:url(); border-bottom-left-image:url();
-bdbli:n+</code> 
 + 
 +>bdbli:n 
 +<code java>
 border-bottom-left-image:none; border-bottom-left-image:none;
-bdbli:c+</code> 
 + 
 +>bdbli:c 
 +<code java>
 border-bottom-left-image:continue; border-bottom-left-image:continue;
-bdf+</code> 
 + 
 +>bdf 
 +<code java>
 border-fit:repeat; border-fit:repeat;
-bdf:c+</code> 
 + 
 +>bdf:c 
 +<code java>
 border-fit:clip; border-fit:clip;
-bdf:r+</code> 
 + 
 +>bdf:r 
 +<code java>
 border-fit:repeat; border-fit:repeat;
-bdf:sc+</code> 
 + 
 +>bdf:sc 
 +<code java>
 border-fit:scale; border-fit:scale;
-bdf:st+</code> 
 + 
 +>bdf:st 
 +<code java>
 border-fit:stretch; border-fit:stretch;
-bdf:ow+</code> 
 + 
 +>bdf:ow 
 +<code java>
 border-fit:overwrite; border-fit:overwrite;
-bdf:of+</code> 
 + 
 +>bdf:of 
 +<code java>
 border-fit:overflow; border-fit:overflow;
-bdf:sp+</code> 
 + 
 +>bdf:sp 
 +<code java>
 border-fit:space; border-fit:space;
-bdlen+</code> 
 + 
 +>bdlen 
 +<code java>
 border-length:; border-length:;
-bdlen:a+</code> 
 + 
 +>bdlen:a 
 +<code java>
 border-length:auto; border-length:auto;
-bdsp+</code> 
 + 
 +>bdsp 
 +<code java>
 border-spacing:; border-spacing:;
-bds+</code> 
 + 
 +>bds 
 +<code java>
 border-style:; border-style:;
-bds:n+</code> 
 + 
 +>bds:n 
 +<code java>
 border-style:none; border-style:none;
-bds:h+</code> 
 + 
 +>bds:h 
 +<code java>
 border-style:hidden; border-style:hidden;
-bds:dt+</code> 
 + 
 +>bds:dt 
 +<code java>
 border-style:dotted; border-style:dotted;
-bds:ds+</code> 
 + 
 +>bds:ds 
 +<code java>
 border-style:dashed; border-style:dashed;
-bds:s+</code> 
 + 
 +>bds:s 
 +<code java>
 border-style:solid; border-style:solid;
-bds:db+</code> 
 + 
 +>bds:db 
 +<code java>
 border-style:double; border-style:double;
-bds:dtds+</code> 
 + 
 +>bds:dtds 
 +<code java>
 border-style:dot-dash; border-style:dot-dash;
-bds:dtdtds+</code> 
 + 
 +>bds:dtdtds 
 +<code java>
 border-style:dot-dot-dash; border-style:dot-dot-dash;
-bds:w+</code> 
 + 
 +>bds:w 
 +<code java>
 border-style:wave; border-style:wave;
-bds:g+</code> 
 + 
 +>bds:g 
 +<code java>
 border-style:groove; border-style:groove;
-bds:r+</code> 
 + 
 +>bds:r 
 +<code java>
 border-style:ridge; border-style:ridge;
-bds:i+</code> 
 + 
 +>bds:i 
 +<code java>
 border-style:inset; border-style:inset;
-bds:o+</code> 
 + 
 +>bds:o 
 +<code java>
 border-style:outset; border-style:outset;
-bdw+</code> 
 + 
 +>bdw 
 +<code java>
 border-width:; border-width:;
-bdt, bt+</code> 
 + 
 +>bdt, bt 
 +<code java>
 border-top:; border-top:;
-bdt++</code> 
 + 
 +>bdt+ 
 +<code java>
 border-top:1px solid #000; border-top:1px solid #000;
-bdt:n+</code> 
 + 
 +>bdt:n 
 +<code java>
 border-top:none; border-top:none;
-bdtw+</code> 
 + 
 +>bdtw 
 +<code java>
 border-top-width:; border-top-width:;
-bdts+</code> 
 + 
 +>bdts 
 +<code java>
 border-top-style:; border-top-style:;
-bdts:n+</code> 
 + 
 +>bdts:n 
 +<code java>
 border-top-style:none; border-top-style:none;
-bdtc+</code> 
 + 
 +>bdtc 
 +<code java>
 border-top-color:#000; border-top-color:#000;
-bdtc:t+</code> 
 + 
 +>bdtc:t 
 +<code java>
 border-top-color:transparent; border-top-color:transparent;
-bdr, br+</code> 
 + 
 +>bdr, br 
 +<code java>
 border-right:; border-right:;
-bdr++</code> 
 + 
 +>bdr+ 
 +<code java>
 border-right:1px solid #000; border-right:1px solid #000;
-bdr:n+</code> 
 + 
 +>bdr:n 
 +<code java>
 border-right:none; border-right:none;
-bdrw+</code> 
 + 
 +>bdrw 
 +<code java>
 border-right-width:; border-right-width:;
-bdrst+</code> 
 + 
 +>bdrst 
 +<code java>
 border-right-style:; border-right-style:;
-bdrst:n+</code> 
 + 
 +>bdrst:n 
 +<code java>
 border-right-style:none; border-right-style:none;
-bdrc+</code> 
 + 
 +>bdrc 
 +<code java>
 border-right-color:#000; border-right-color:#000;
-bdrc:t+</code> 
 + 
 +>bdrc:t 
 +<code java>
 border-right-color:transparent; border-right-color:transparent;
-bdb, bb+</code> 
 + 
 +>bdb, bb 
 +<code java>
 border-bottom:; border-bottom:;
-bdb++</code> 
 + 
 +>bdb+ 
 +<code java>
 border-bottom:1px solid #000; border-bottom:1px solid #000;
-bdb:n+</code> 
 + 
 +>bdb:n 
 +<code java>
 border-bottom:none; border-bottom:none;
-bdbw+</code> 
 + 
 +>bdbw 
 +<code java>
 border-bottom-width:; border-bottom-width:;
-bdbs+</code> 
 + 
 +>bdbs 
 +<code java>
 border-bottom-style:; border-bottom-style:;
-bdbs:n+</code> 
 + 
 +>bdbs:n 
 +<code java>
 border-bottom-style:none; border-bottom-style:none;
-bdbc+</code> 
 + 
 +>bdbc 
 +<code java>
 border-bottom-color:#000; border-bottom-color:#000;
-bdbc:t+</code> 
 + 
 +>bdbc:t 
 +<code java>
 border-bottom-color:transparent; border-bottom-color:transparent;
-bdl, bl+</code> 
 + 
 +>bdl, bl 
 +<code java>
 border-left:; border-left:;
-bdl++</code> 
 + 
 +>bdl+ 
 +<code java>
 border-left:1px solid #000; border-left:1px solid #000;
-bdl:n+</code> 
 + 
 +>bdl:n 
 +<code java>
 border-left:none; border-left:none;
-bdlw+</code> 
 + 
 +>bdlw 
 +<code java>
 border-left-width:; border-left-width:;
-bdls+</code> 
 + 
 +>bdls 
 +<code java>
 border-left-style:; border-left-style:;
-bdls:n+</code> 
 + 
 +>bdls:n 
 +<code java>
 border-left-style:none; border-left-style:none;
-bdlc+</code> 
 + 
 +>bdlc 
 +<code java>
 border-left-color:#000; border-left-color:#000;
-bdlc:t+</code> 
 + 
 +>bdlc:t 
 +<code java>
 border-left-color:transparent; border-left-color:transparent;
-bdrs+</code> 
 + 
 +>bdrs 
 +<code java>
 border-radius:; border-radius:;
-bdtrrs+</code> 
 + 
 +>bdtrrs 
 +<code java>
 border-top-right-radius:; border-top-right-radius:;
-bdtlrs+</code> 
 + 
 +>bdtlrs 
 +<code java>
 border-top-left-radius:; border-top-left-radius:;
-bdbrrs+</code> 
 + 
 +>bdbrrs 
 +<code java>
 border-bottom-right-radius:; border-bottom-right-radius:;
-bdblrs+</code> 
 + 
 +>bdblrs 
 +<code java>
 border-bottom-left-radius:; border-bottom-left-radius:;
 +</code>
  
 ==== Lists ==== ==== Lists ====
  
-lis+>lis 
 +<code java>
 list-style:; list-style:;
-lis:n+</code> 
 + 
 +>lis:n 
 +<code java>
 list-style:none; list-style:none;
-lisp+</code> 
 + 
 +>lisp 
 +<code java>
 list-style-position:; list-style-position:;
-lisp:i+</code> 
 + 
 +>lisp:i 
 +<code java>
 list-style-position:inside; list-style-position:inside;
-lisp:o+</code> 
 + 
 +>lisp:o 
 +<code java>
 list-style-position:outside; list-style-position:outside;
-list+</code> 
 + 
 +>list 
 +<code java>
 list-style-type:; list-style-type:;
-list:n+</code> 
 + 
 +>list:n 
 +<code java>
 list-style-type:none; list-style-type:none;
-list:d+</code> 
 + 
 +>list:d 
 +<code java>
 list-style-type:disc; list-style-type:disc;
-list:c+</code> 
 + 
 +>list:c 
 +<code java>
 list-style-type:circle; list-style-type:circle;
-list:s+</code> 
 + 
 +>list:s 
 +<code java>
 list-style-type:square; list-style-type:square;
-list:dc+</code> 
 + 
 +>list:dc 
 +<code java>
 list-style-type:decimal; list-style-type:decimal;
-list:dclz+</code> 
 + 
 +>list:dclz 
 +<code java>
 list-style-type:decimal-leading-zero; list-style-type:decimal-leading-zero;
-list:lr+</code> 
 + 
 +>list:lr 
 +<code java>
 list-style-type:lower-roman; list-style-type:lower-roman;
-list:ur+</code> 
 + 
 +>list:ur 
 +<code java>
 list-style-type:upper-roman; list-style-type:upper-roman;
-lisi+</code> 
 + 
 +>lisi 
 +<code java>
 list-style-image:; list-style-image:;
-lisi:n+</code> 
 + 
 +>lisi:n 
 +<code java>
 list-style-image:none; list-style-image:none;
 +</code>
  
 ==== Print ==== ==== Print ====
  
-pgbb+>pgbb 
 +<code java>
 page-break-before:; page-break-before:;
-pgbb:au+</code> 
 + 
 +>pgbb:au 
 +<code java>
 page-break-before:auto; page-break-before:auto;
-pgbb:al+</code> 
 + 
 +>pgbb:al 
 +<code java>
 page-break-before:always; page-break-before:always;
-pgbb:l+</code> 
 + 
 +>pgbb:l 
 +<code java>
 page-break-before:left; page-break-before:left;
-pgbb:r+</code> 
 + 
 +>pgbb:r 
 +<code java>
 page-break-before:right; page-break-before:right;
-pgbi+</code> 
 + 
 +>pgbi 
 +<code java>
 page-break-inside:; page-break-inside:;
-pgbi:au+</code> 
 + 
 +>pgbi:au 
 +<code java>
 page-break-inside:auto; page-break-inside:auto;
-pgbi:av+</code> 
 + 
 +>pgbi:av 
 +<code java>
 page-break-inside:avoid; page-break-inside:avoid;
-pgba+</code> 
 + 
 +>pgba 
 +<code java>
 page-break-after:; page-break-after:;
-pgba:au+</code> 
 + 
 +>pgba:au 
 +<code java>
 page-break-after:auto; page-break-after:auto;
-pgba:al+</code> 
 + 
 +>pgba:al 
 +<code java>
 page-break-after:always; page-break-after:always;
-pgba:l+</code> 
 + 
 +>pgba:l 
 +<code java>
 page-break-after:left; page-break-after:left;
-pgba:r+</code> 
 + 
 +>pgba:r 
 +<code java>
 page-break-after:right; page-break-after:right;
-orp+</code> 
 + 
 +>orp 
 +<code java>
 orphans:; orphans:;
-wid+</code> 
 + 
 +>wid 
 +<code java>
 widows:; widows:;
 +</code>
  
 ==== Others ==== ==== Others ====
  
-!+>! 
 +<code java>
 !important !important
-@f+</code> 
 + 
 +>@f 
 +<code java>
 @font-face { @font-face {
     font-family:;     font-family:;
     src:url(|);     src:url(|);
 } }
-@f++</code> 
 + 
 +>@f+ 
 +<code java>
 @font-face { @font-face {
     font-family: 'FontName';     font-family: 'FontName';
줄 3489: 줄 3909:
     font-weight: normal;     font-weight: normal;
 } }
-@i, @import+</code> 
 + 
 +>@i, @import 
 +<code java>
 @import url(); @import url();
-@kf+</code> 
 + 
 +>@kf 
 +<code java>
 @-webkit-keyframes identifier { @-webkit-keyframes identifier {
     from {  }     from {  }
줄 3508: 줄 3934:
     to {  }     to {  }
 } }
-@m, @media+</code> 
 + 
 +>@m, @media 
 +<code java>
 @media screen { @media screen {
          
 } }
-ac +</code> 
-align-content:; + 
-ac:c+>ac 
 +<code java> 
 +align-content:
 +</code> 
 + 
 +>ac:c 
 +<code java>
 align-content:center; align-content:center;
-ac:fe+</code> 
 + 
 +>ac:fe 
 +<code java>
 align-content:flex-end; align-content:flex-end;
-ac:fs+</code> 
 + 
 +>ac:fs 
 +<code java>
 align-content:flex-start; align-content:flex-start;
-ac:s+</code> 
 + 
 +>ac:s 
 +<code java>
 align-content:stretch; align-content:stretch;
-ac:sa+</code> 
 + 
 +>ac:sa 
 +<code java>
 align-content:space-around; align-content:space-around;
-ac:sb+</code> 
 + 
 +>ac:sb 
 +<code java>
 align-content:space-between; align-content:space-between;
-ai+</code> 
 + 
 +>ai 
 +<code java>
 align-items:; align-items:;
-ai:b+</code> 
 + 
 +>ai:b 
 +<code java>
 align-items:baseline; align-items:baseline;
-ai:c+</code> 
 + 
 +>ai:c 
 +<code java>
 align-items:center; align-items:center;
-ai:fe+</code> 
 + 
 +>ai:fe 
 +<code java>
 align-items:flex-end; align-items:flex-end;
-ai:fs+</code> 
 + 
 +>ai:fs 
 +<code java>
 align-items:flex-start; align-items:flex-start;
-ai:s+</code> 
 + 
 +>ai:s 
 +<code java>
 align-items:stretch; align-items:stretch;
-anim+</code> 
 + 
 +>anim 
 +<code java>
 animation:; animation:;
-anim- +</code> 
-animation:name duration timing-function delay iteration-count direction fill-mode; + 
-animdel+>anim- 
 +<code java> 
 +animation:name duration timing-function delay iteration-count  
 +direction fill-mode; 
 +</code> 
 + 
 +>animdel 
 +<code java>
 animation-delay:time; animation-delay:time;
-animdir+</code> 
 + 
 +>animdir 
 +<code java>
 animation-direction:normal; animation-direction:normal;
-animdir:a+</code> 
 + 
 +>animdir:a 
 +<code java>
 animation-direction:alternate; animation-direction:alternate;
-animdir:ar+</code> 
 + 
 +>animdir:ar 
 +<code java>
 animation-direction:alternate-reverse; animation-direction:alternate-reverse;
-animdir:n+</code> 
 + 
 +>animdir:n 
 +<code java>
 animation-direction:normal; animation-direction:normal;
-animdir:r+</code> 
 + 
 +>animdir:r 
 +<code java>
 animation-direction:reverse; animation-direction:reverse;
-animdur+</code> 
 + 
 +>animdur 
 +<code java>
 animation-duration:0s; animation-duration:0s;
-animfm+</code> 
 + 
 +>animfm 
 +<code java>
 animation-fill-mode:both; animation-fill-mode:both;
-animfm:b+</code> 
 + 
 +>animfm:b 
 +<code java>
 animation-fill-mode:backwards; animation-fill-mode:backwards;
-animfm:bt, animfm:bh+</code> 
 + 
 +>animfm:bt, animfm:bh 
 +<code java>
 animation-fill-mode:both; animation-fill-mode:both;
-animfm:f+</code> 
 + 
 +>animfm:f 
 +<code java>
 animation-fill-mode:forwards; animation-fill-mode:forwards;
-animic+</code> 
 + 
 +>animic 
 +<code java>
 animation-iteration-count:1; animation-iteration-count:1;
-animic:i+</code> 
 + 
 +>animic:i 
 +<code java>
 animation-iteration-count:infinite; animation-iteration-count:infinite;
-animn+</code> 
 + 
 +>animn 
 +<code java>
 animation-name:none; animation-name:none;
-animps+</code> 
 + 
 +>animps 
 +<code java>
 animation-play-state:running; animation-play-state:running;
-animps:p+</code> 
 + 
 +>animps:p 
 +<code java>
 animation-play-state:paused; animation-play-state:paused;
-animps:r+</code> 
 + 
 +>animps:r 
 +<code java>
 animation-play-state:running; animation-play-state:running;
-animtf+</code> 
 + 
 +>animtf 
 +<code java>
 animation-timing-function:linear; animation-timing-function:linear;
-animtf:cb+</code> 
 + 
 +>animtf:cb 
 +<code java>
 animation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1); animation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1);
-animtf:e+</code> 
 + 
 +>animtf:e 
 +<code java>
 animation-timing-function:ease; animation-timing-function:ease;
-animtf:ei+</code> 
 + 
 +>animtf:ei 
 +<code java>
 animation-timing-function:ease-in; animation-timing-function:ease-in;
-animtf:eio+</code> 
 + 
 +>animtf:eio 
 +<code java>
 animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;
-animtf:eo+</code> 
 + 
 +>animtf:eo 
 +<code java>
 animation-timing-function:ease-out; animation-timing-function:ease-out;
-animtf:l+</code> 
 + 
 +>animtf:l 
 +<code java>
 animation-timing-function:linear; animation-timing-function:linear;
-ap+</code> 
 + 
 +>ap 
 +<code java>
 appearance:${none}; appearance:${none};
-as+</code> 
 + 
 +>as 
 +<code java>
 align-self:; align-self:;
-as:a+</code> 
 + 
 +>as:a 
 +<code java>
 align-self:auto; align-self:auto;
-as:b+</code> 
 + 
 +>as:b 
 +<code java>
 align-self:baseline; align-self:baseline;
-as:c+</code> 
 + 
 +>as:c 
 +<code java>
 align-self:center; align-self:center;
-as:fe+</code> 
 + 
 +>as:fe 
 +<code java>
 align-self:flex-end; align-self:flex-end;
-as:fs+</code> 
 + 
 +>as:fs 
 +<code java>
 align-self:flex-start; align-self:flex-start;
-as:s+</code> 
 + 
 +>as:s 
 +<code java>
 align-self:stretch; align-self:stretch;
-bfv+</code> 
 + 
 +>bfv 
 +<code java>
 backface-visibility:; backface-visibility:;
-bfv:h+</code> 
 + 
 +>bfv:h 
 +<code java>
 backface-visibility:hidden; backface-visibility:hidden;
-bfv:v+</code> 
 + 
 +>bfv:v 
 +<code java>
 backface-visibility:visible; backface-visibility:visible;
-bg:ie+</code> 
 + 
 +>bg:ie 
 +<code java>
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='x.png',sizingMethod='crop'); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='x.png',sizingMethod='crop');
-cm+</code> 
 + 
 +>cm 
 +<code java>
 /* ${child} */ /* ${child} */
-colm+</code> 
 + 
 +>colm 
 +<code java>
 columns:; columns:;
-colmc+</code> 
 + 
 +>colmc 
 +<code java>
 column-count:; column-count:;
-colmf+</code> 
 + 
 +>colmf 
 +<code java>
 column-fill:; column-fill:;
-colmg+</code> 
 + 
 +>colmg 
 +<code java>
 column-gap:; column-gap:;
-colmr+</code> 
 + 
 +>colmr 
 +<code java>
 column-rule:; column-rule:;
-colmrc+</code> 
 + 
 +>colmrc 
 +<code java>
 column-rule-color:; column-rule-color:;
-colmrs+</code> 
 + 
 +>colmrs 
 +<code java>
 column-rule-style:; column-rule-style:;
-colmrw+</code> 
 + 
 +>colmrw 
 +<code java>
 column-rule-width:; column-rule-width:;
-colms+</code> 
 + 
 +>colms 
 +<code java>
 column-span:; column-span:;
-colmw+</code> 
 + 
 +>colmw 
 +<code java>
 column-width:; column-width:;
-d:ib++</code> 
 + 
 +>d:ib+ 
 +<code java>
 display: inline-block; display: inline-block;
 *display: inline; *display: inline;
 *zoom: 1; *zoom: 1;
-fx+</code> 
 + 
 +>fx 
 +<code java>
 flex:; flex:;
-fxb+</code> 
 + 
 +>fxb 
 +<code java>
 flex-basis:; flex-basis:;
-fxd+ 
 +</code> 
 +>fxd 
 +<code java>
 flex-direction:; flex-direction:;
-fxd:c+</code> 
 + 
 +>fxd:c 
 +<code java>
 flex-direction:column; flex-direction:column;
-fxd:cr+</code> 
 + 
 +>fxd:cr 
 +<code java>
 flex-direction:column-reverse; flex-direction:column-reverse;
-fxd:r+</code> 
 + 
 +>fxd:r 
 +<code java>
 flex-direction:row; flex-direction:row;
-fxd:rr+</code> 
 + 
 +>fxd:rr 
 +<code java>
 flex-direction:row-reverse; flex-direction:row-reverse;
-fxf+</code> 
 + 
 +>fxf 
 +<code java>
 flex-flow:; flex-flow:;
-fxg+</code> 
 + 
 +>fxg
 flex-grow:; flex-grow:;
-fxsh+ 
 +>fxsh
 flex-shrink:; flex-shrink:;
-fxw+ 
 +>fxw
 flex-wrap: ; flex-wrap: ;
-fxw:n+ 
 +>fxw:n
 flex-wrap:nowrap; flex-wrap:nowrap;
-fxw:w+ 
 +>fxw:w
 flex-wrap:wrap; flex-wrap:wrap;
-fxw:wr+ 
 +>fxw:wr
 flex-wrap:wrap-reverse; flex-wrap:wrap-reverse;
-jc+ 
 +>jc
 justify-content:; justify-content:;
-jc:c+ 
 +>jc:c
 justify-content:center; justify-content:center;
-jc:fe+ 
 +>jc:fe
 justify-content:flex-end; justify-content:flex-end;
-jc:fs+ 
 +>jc:fs
 justify-content:flex-start; justify-content:flex-start;
-jc:sa+ 
 +>jc:sa
 justify-content:space-around; justify-content:space-around;
-jc:sb+ 
 +>jc:sb
 justify-content:space-between; justify-content:space-between;
-mar+ 
 +>mar
 max-resolution:res; max-resolution:res;
-mir+ 
 +>mir
 min-resolution:res; min-resolution:res;
-op++ 
 +>op+
 opacity: ; opacity: ;
 filter: alpha(opacity=); filter: alpha(opacity=);
-op:ie+ 
 +>op:ie
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-op:ms+ 
 +>op:ms
 -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
-ord+ 
 +>ord
 order:; order:;
-ori+ 
 +>ori
 orientation:; orientation:;
-ori:l+ 
 +>ori:l
 orientation:landscape; orientation:landscape;
-ori:p+ 
 +>ori:p
 orientation:portrait; orientation:portrait;
-tov+ 
 +>tov
 text-overflow:${ellipsis}; text-overflow:${ellipsis};
-tov:c+ 
 +>tov:c
 text-overflow:clip; text-overflow:clip;
-tov:e+ 
 +>tov:e
 text-overflow:ellipsis; text-overflow:ellipsis;
-trf+ 
 +>trf
 transform:; transform:;
-trf:r+ 
 +>trf:r
 transform: rotate(angle); transform: rotate(angle);
-trf:rx+ 
 +>trf:rx
 transform: rotateX(angle); transform: rotateX(angle);
-trf:ry+ 
 +>trf:ry
 transform: rotateY(angle); transform: rotateY(angle);
-trf:rz+ 
 +>trf:rz
 transform: rotateZ(angle); transform: rotateZ(angle);
-trf:sc+ 
 +>trf:sc
 transform: scale(x, y); transform: scale(x, y);
-trf:sc3+ 
 +>trf:sc3
 transform: scale3d(x, y, z); transform: scale3d(x, y, z);
-trf:scx+ 
 +>trf:scx
 transform: scaleX(x); transform: scaleX(x);
-trf:scy+ 
 +>trf:scy
 transform: scaleY(y); transform: scaleY(y);
-trf:scz+ 
 +>trf:scz
 transform: scaleZ(z); transform: scaleZ(z);
-trf:skx+ 
 +>trf:skx
 transform: skewX(angle); transform: skewX(angle);
-trf:sky+ 
 +>trf:sky
 transform: skewY(angle); transform: skewY(angle);
-trf:t+ 
 +>trf:t
 transform: translate(x, y); transform: translate(x, y);
-trf:t3+ 
 +>trf:t3
 transform: translate3d(tx, ty, tz); transform: translate3d(tx, ty, tz);
-trf:tx+ 
 +>trf:tx
 transform: translateX(x); transform: translateX(x);
-trf:ty+ 
 +>trf:ty
 transform: translateY(y); transform: translateY(y);
-trf:tz+ 
 +>trf:tz
 transform: translateZ(z); transform: translateZ(z);
-trfo+ 
 +>trfo
 transform-origin:; transform-origin:;
-trfs+ 
 +>trfs
 transform-style:preserve-3d; transform-style:preserve-3d;
-trs+ 
 +>trs
 transition:prop time; transition:prop time;
-trsde+ 
 +>trsde
 transition-delay:time; transition-delay:time;
-trsdu+ 
 +>trsdu
 transition-duration:time; transition-duration:time;
-trsp+ 
 +>trsp
 transition-property:prop; transition-property:prop;
-trstf+ 
 +>trstf
 transition-timing-function:tfunc; transition-timing-function:tfunc;
-us+ 
 +>us
 user-select:${none}; user-select:${none};
-wfsm+ 
 +>wfsm
 -webkit-font-smoothing:${antialiased}; -webkit-font-smoothing:${antialiased};
-wfsm:a+ 
 +>wfsm:a
 -webkit-font-smoothing:antialiased; -webkit-font-smoothing:antialiased;
-wfsm:n+ 
 +>wfsm:n
 -webkit-font-smoothing:none; -webkit-font-smoothing:none;
-wfsm:s, wfsm:sa+ 
 +>wfsm:s, wfsm:sa
 -webkit-font-smoothing:subpixel-antialiased; -webkit-font-smoothing:subpixel-antialiased;
-wm+ 
 +>wm
 writing-mode:lr-tb; writing-mode:lr-tb;
-wm:btl+ 
 +>wm:btl
 writing-mode:bt-lr; writing-mode:bt-lr;
-wm:btr+ 
 +>wm:btr
 writing-mode:bt-rl; writing-mode:bt-rl;
-wm:lrb+ 
 +>wm:lrb
 writing-mode:lr-bt; writing-mode:lr-bt;
-wm:lrt+ 
 +>wm:lrt
 writing-mode:lr-tb; writing-mode:lr-tb;
-wm:rlb+ 
 +>wm:rlb
 writing-mode:rl-bt; writing-mode:rl-bt;
-wm:rlt+ 
 +>wm:rlt
 writing-mode:rl-tb; writing-mode:rl-tb;
-wm:tbl+ 
 +>wm:tbl
 writing-mode:tb-lr; writing-mode:tb-lr;
-wm:tbr+ 
 +>wm:tbr
 writing-mode:tb-rl; writing-mode:tb-rl;
  
 ===== XSL ===== ===== XSL =====
  
-tmatch, tm+>tmatch, tm 
 +<code java>
 <xsl:template match="" mode=""></xsl:template> <xsl:template match="" mode=""></xsl:template>
-tname, tn+</code> 
 + 
 +>tname, tn 
 + <code java>
 <xsl:template name=""></xsl:template> <xsl:template name=""></xsl:template>
-call+</code> 
 + 
 +>call 
 +<code java>
 <xsl:call-template name="" /> <xsl:call-template name="" />
-ap+</code> 
 +>ap 
 +<code java>
 <xsl:apply-templates select="" mode="" /> <xsl:apply-templates select="" mode="" />
-api+</code> 
 + 
 +>api 
 +<code java>
 <xsl:apply-imports /> <xsl:apply-imports />
-imp+</code> 
 + 
 +>imp 
 +<code java>
 <xsl:import href="" /> <xsl:import href="" />
-inc+</code> 
 + 
 +>inc 
 +<code java>
 <xsl:include href="" /> <xsl:include href="" />
-ch+</code> 
 + 
 +>ch 
 +<code java>
 <xsl:choose></xsl:choose> <xsl:choose></xsl:choose>
-xsl:when, wh+</code> 
 + 
 +>xsl:when, wh 
 +<code java>
 <xsl:when test=""></xsl:when> <xsl:when test=""></xsl:when>
-ot+</code> 
 + 
 +>ot 
 +<code java>
 <xsl:otherwise></xsl:otherwise> <xsl:otherwise></xsl:otherwise>
-if+</code> 
 + 
 +>if 
 +<code java>
 <xsl:if test=""></xsl:if> <xsl:if test=""></xsl:if>
-par+</code> 
 + 
 +>par 
 +<code java>
 <xsl:param name=""></xsl:param> <xsl:param name=""></xsl:param>
-pare+</code> 
 + 
 +>pare 
 +<code java>
 <xsl:param name="" select="" /> <xsl:param name="" select="" />
-var+</code> 
 + 
 +>var 
 +<code java>
 <xsl:variable name=""></xsl:variable> <xsl:variable name=""></xsl:variable>
-vare+</code> 
 + 
 +>vare 
 +<code java>
 <xsl:variable name="" select="" /> <xsl:variable name="" select="" />
-wp+</code> 
 + 
 +>wp 
 +<code java>
 <xsl:with-param name="" select="" /> <xsl:with-param name="" select="" />
-key+</code> 
 + 
 +>key 
 +<code java>
 <xsl:key name="" match="" use="" /> <xsl:key name="" match="" use="" />
-elem+</code> 
 + 
 +>elem 
 +<code java>
 <xsl:element name=""></xsl:element> <xsl:element name=""></xsl:element>
-attr+</code> 
 + 
 +>attr 
 +<code java>
 <xsl:attribute name=""></xsl:attribute> <xsl:attribute name=""></xsl:attribute>
-attrs+</code> 
 + 
 +>attrs 
 +<code java>
 <xsl:attribute-set name=""></xsl:attribute-set> <xsl:attribute-set name=""></xsl:attribute-set>
-cp+</code> 
 + 
 +>cp 
 +<code java>
 <xsl:copy select="" /> <xsl:copy select="" />
-co+</code> 
 + 
 +>co 
 +<code java>
 <xsl:copy-of select="" /> <xsl:copy-of select="" />
-val+</code> 
 + 
 +>val 
 +<code java>
 <xsl:value-of select="" /> <xsl:value-of select="" />
-each, for+</code> 
 + 
 +>each, for 
 +<code java>
 <xsl:for-each select=""></xsl:for-each> <xsl:for-each select=""></xsl:for-each>
-tex+</code> 
 + 
 +>tex 
 +<code java>
 <xsl:text></xsl:text> <xsl:text></xsl:text>
-com+</code> 
 + 
 +>com 
 +<code java>
 <xsl:comment></xsl:comment> <xsl:comment></xsl:comment>
-msg+</code> 
 + 
 +>msg 
 +<code java>
 <xsl:message terminate="no"></xsl:message> <xsl:message terminate="no"></xsl:message>
-fall+</code> 
 + 
 +>fall 
 +<code java>
 <xsl:fallback></xsl:fallback> <xsl:fallback></xsl:fallback>
-num+</code> 
 + 
 +>num 
 +<code java>
 <xsl:number value="" /> <xsl:number value="" />
-nam+</code> 
 + 
 +>nam 
 +<code java>
 <namespace-alias stylesheet-prefix="" result-prefix="" /> <namespace-alias stylesheet-prefix="" result-prefix="" />
-pres+</code> 
 + 
 +>pres 
 +<code java>
 <xsl:preserve-space elements="" /> <xsl:preserve-space elements="" />
-strip+</code> 
 + 
 +>strip 
 +<code java>
 <xsl:strip-space elements="" /> <xsl:strip-space elements="" />
-proc+</code> 
 + 
 +>proc 
 +<code java>
 <xsl:processing-instruction name=""></xsl:processing-instruction> <xsl:processing-instruction name=""></xsl:processing-instruction>
-sort+</code> 
 + 
 +>sort 
 +<code java>
 <xsl:sort select="" order="" /> <xsl:sort select="" order="" />
-choose+ +</code>
-Alias of xsl:choose>xsl:when+xsl:otherwise+
  
 +>choose+
 +>Alias of xsl:choose>xsl:when+xsl:otherwise
 +<code java>
 <xsl:choose> <xsl:choose>
     <xsl:when test=""></xsl:when>     <xsl:when test=""></xsl:when>
     <xsl:otherwise></xsl:otherwise>     <xsl:otherwise></xsl:otherwise>
 </xsl:choose> </xsl:choose>
-xsl +</code>
-Alias of !!!+xsl:stylesheet[version=1.0 xmlns:xsl=http://www.w3.org/1999/XSL/Transform]>+
-|}+
  
 +>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"?> <?xml version="1.0" encoding="UTF-8"?>
 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"></xsl:stylesheet> <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"?> <?xml version="1.0" encoding="UTF-8"?>
 +</code>