기본 버튼의 경우에는 아래와 같이 소스코드에 삽입하시면 됩니다.

• <a href="#" class="wzButton">anchor</a>
• <button class="wzButton">button</button>
• <input type="submit" class="wzButton" value="input" />

아래는 아이콘을 삽입하는 경우의 소스코드입니다.
텍스트 부분을 wzicontext class로 감싸주시면 IE6에서도 정상적으로 표현됩니다. (IE6를 고려하지 않을 경우에는 처리안하셔도 상관없습니다.)

• <a href="#" class="wzButton"><span class="wzIcon"></span>Icon Default</a>
• <a href="#" class="wzButton"><span class="wzIcon"></span><span class="wzIconText">Icon Default</span></a>
• <a href="#" class="wzButton"><span class="wzIcon wzIconSocial"></span><span class="wzIconText">Icon Social</span></a>

Button (Anchor) Button (Button) Button Blue Button Dark Button Red Button Green Button Yellow
Button Small (Anchor) Button Small (Button) Button Small Blue Button Small Dark Button Small Red Button Small Green Button Small Yellow

Default stop trash social members member addMember delMember dot check first last prev next mail bomb down menu list likeIt hateIt star cmd eye share img info love caution setting settings tool music earth Pencil scissors calendar clock cam folder twitter facebook me2day yozm rss ofolder zoom disk viewList viewWebzine viewGallery viewSetting viewLayout box tel facetime lock key tag link point clip paperAirplane pin

WZUI1.0은 TAB 렌더링에 관련된 CSS 스타일만을 제공합니다.
실질적인 TAB 구동은 알려진 다양한 방법을 활용하시어 직접 프로그래밍 하시기 바랍니다.

기본 Input 및 Textarea의 경우에는 아래와 같이 소스코드에 삽입하시면 됩니다.

• <input type="text" class="wzInput" />
• <input type="text" class="wzInput wzCondValid" />
• <input type="text" class="wzInput wzCondError wzIconLoginId" value="Valid Text" />
• <textarea class="wzTextField">textarea</textarea>

IE7에서는 box-sizing:border-box 스타일이 적용되지 않으며, 기본적으로 box-sizing:content-box 스타일이 적용어 아이콘을 사용한 경우와 사용하지 않은 경우의 넓이가 다르게 렌더링됩니다.
따라서, IE7에서 넓이를 Pixel 단위로 정확히 맞추려면IE7 핵을 사용하여 아래와 같이 Padding 수치를 고려한 넓이를 따로 지정해 주어야 합니다. .inputWidth { width:140px; *width:110px !important; }

wzDoc은 게시글을 작성할 때 체계적이고 아름답게 만들어줍니다.
wzDoc 컨테이너 안에 작성된 글은 다음과 같은 체계를 따르고 있사오니 참고 하시어 잘 활용하시기 바랍니다.