텍스트 |
h[1-6]-*, h-* |
h-logo.gif h1-header.gif h1-article.gif |
Heading 요소에 사용한다. |
tit-* |
tit-label-id.gif tit-definition-list.gif tit-table-th.gif |
Heading 요소로 사용되지는 않고 문단의 강조를 나타내는 형식의 텍스트, 주로 테이블의 제목셀, dt 엘리먼트, label 엘리먼트, strong 엘리먼트에 사용 |
txt-* |
txt-msg.gif, txt-desc-1.gif |
문단의 이미지로된 텍스트에 사용 |
링크요소 |
nav-* |
nav-gnb-ko.gif nav-gnb-login.gif nav-lnb-about.gif |
lnb, gnb, snb 등의 네비게이션 요소에 사용 |
tab-* |
tab-style-1-on.gif tab-style-1-off.gif |
네비게이션 요소를 제외한 탭 메뉴 형태에 사용 |
btn-* |
btn-ok.gif btn-ok-2.gif btn-bg-type-1.gif |
버튼 형식의 a 엘리먼트, button 엘리먼트, input[type=image] 엘리먼트 요소에 사용한다. 버튼의 이미지가 배경으로 사용하여도 btn-* 예약어를 사용 |
박스 |
box-* |
box-type-1.gif box-login.gif |
grouping 목적으로 사용되는 div 엘리먼트에 주로 사용 |
불릿 |
bul-* |
bul-arrow.gif bul-arrow-2.gif bul-square.gif |
의미가 없는 요소로 사용할 수 있는 이미지로 사용 |
아이콘 |
icon-* |
icon-download.gif icon-upload.gif |
의미가 있는, 설명에 대한 텍스트가 명확하지 않거나 없는 경우 |
상태 |
*-on, *-off, *-over |
tab-type-1-on.gif tab-type-1-off.gif tab-type-1-over.gif |
활성, 비활성, 오버/포커스 상태에 대한 표현에 사용 |