jQuery UI (3) - 테마 클래스

jQuery UI 플러그인의 위젯 클래스

jQuery UI 플러그인의 위젯 클래스
클래스 이름 설명
ui-widget 위젯 모양을 형성합니다.
ui-widget-header 위젯 제목을 표시합니다.
ui-widget-content 위젯 내용을 표시합니다.
ui-widget-overlay 위젯을 흐리게 표시합니다.
ui-widget-shadow 위젯 그림자를 표시합니다.
jQuery UI Theme

Rhoncus nec placerat diam, egestas magna nec ac lundium vut platea! Ac sit scelerisque vel penatibus turpis! Tristique, urna massa, proin! Lundium sagittis tincidunt, aliquet natoque turpis enim tincidunt a, scelerisque turpis ac, sit adipiscing rhoncus? Augue penatibus dapibus diam turpis aenean, egestas ridiculus nec placerat ut tortor, facilisis turpis? Sagittis? Adipiscing? Phasellus scelerisque, nascetur porta, pellentesque, mus hac lectus amet placerat pellentesque platea sit, a! Sociis augue, etiam, parturient? Platea dignissim? Vel. Ut turpis hac platea dolor adipiscing integer et pulvinar ac porttitor! Purus nunc arcu vel magna tincidunt! Lorem ac lorem! Sociis facilisis aliquet porta phasellus etiam odio odio vel in proin nunc, in tempor lacus, adipiscing a sociis placerat vut, turpis tristique adipiscing massa pulvinar a dictumst.



jQuery UI 플러그인의 테두리 클래스

jQuery UI 플러그인의 테두리 클래스
클래스 이름 설명
ui-corner-tl top-left 위치의 테두리를 둥글게 합니다.
ui-corner-tr top-right 위치의 테두리를 둥글게 합니다.
ui-corner-bl bottom-left 위치의 테두리를 둥글게 합니다.
ui-corner-br bottom-right 위치의 테두리를 둥글게 합니다.
ui-corner-top top 위치의 테두리를 둥글게 합니다.
ui-corner-bottom bottom 위치의 테두리를 둥글게 합니다.
ui-corner-right right 위치의 테두리를 둥글게 합니다.
ui-corner-left left 위치의 테두리를 둥글게 합니다.
ui-corner-all all 위치의 테두리를 둥글게 합니다.
jQuery UI Theme

Rhoncus nec placerat diam, egestas magna nec ac lundium vut platea! Ac sit scelerisque vel penatibus turpis! Tristique, urna massa, proin! Lundium sagittis tincidunt, aliquet natoque turpis enim tincidunt a, scelerisque turpis ac, sit adipiscing rhoncus? Augue penatibus dapibus diam turpis aenean, egestas ridiculus nec placerat ut tortor, facilisis turpis? Sagittis? Adipiscing? Phasellus scelerisque, nascetur porta, pellentesque, mus hac lectus amet placerat pellentesque platea sit, a! Sociis augue, etiam, parturient? Platea dignissim? Vel. Ut turpis hac platea dolor adipiscing integer et pulvinar ac porttitor! Purus nunc arcu vel magna tincidunt! Lorem ac lorem! Sociis facilisis aliquet porta phasellus etiam odio odio vel in proin nunc, in tempor lacus, adipiscing a sociis placerat vut, turpis tristique adipiscing massa pulvinar a dictumst.



jQuery UI 플러그인 상태 클래스(1)

jQuery UI 플러그인 상태 클래스(1)
클래스 이름 설명
ui-state-default 기본 상태를 표시합니다.
ui-state-hover 마우스가 올려진 상태를 표시합니다.
ui-state-focus 촛점이 맞춰진 상태를 표시합니다.
ui-state-active 활성화 상태를 표시합니다.

Et lacus platea integer natoque etiam in ac



jQuery UI 플러그인 상태 클래스(2)

jQuery UI 플러그인 상태 클래스(2)
클래스 이름 설명
ui-state-highlight 강조를 표시합니다.
ui-state-error 에러를 표시합니다.
ui-state-error-text 글자에만 에러를 표시합니다.
ui-state-disabled 사용할 수 없는 상태임을 표시합니다.

Mattis, turpis sit, penatibus, tincidunt in, dictumst, in elit, vel ac integer, dignissim lundium in?

button 플러그인의 핵심 메서드 중 buttonset() 메서드를 사용해 버튼을 묶어줍니다.



jQuery UI 플러그인 헬퍼 클래스

jQuery UI 플러그인 헬퍼 클래스
클래스 이름 설명
ui-helper-hidden 보이지 않게 만듭니다(display 속성 조작).
ui-helper-hidden-accessible 보이지 않게 만듭니다(clip 속성 조작).
ui-helper-reset 스타일을 초기화합니다.
ui-helper-clearfix float 스타일 속성을 적용한 문서 객체를 감싸는 객체에 사용합니다.
ui-helper-zfix iframe 태그가 화면을 꽉 채우게 만듭니다.


jQuery UI 플러그인의 아이콘

아이콘을 사용하려면 ui-icon 클래스를 우선 적용하고, 아이콘의 이름 클래스를 함께 지정합니다.