CSS3 모양 속성
예
DIV 요소가 버튼처럼 보이게 :
div
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
»시도
브라우저 지원
모든 주요 브라우저에서 모양 속성을 지원하지 않습니다.
파이어 폭스는 다른 -moz-모양 속성을 지원합니다.
사파리와 크롬은 다른 -webkit-모양 속성을 지원합니다.
태그 정의 및 지침
모양 속성을 사용하면 요소가 표준 사용자 인터페이스 요소처럼 보이게 할 수 있습니다.
기본값 : | 표준 |
---|---|
상속 : | 아니 |
버전 : | CSS3 |
자바 스크립트 구문 : | 개체 object.style.appearance = "버튼" |
문법
appearance: normal|icon|window|button|menu|field;
값 | 설명 |
---|---|
표준 | 일반 렌더링 요소 |
아이콘 | 작은 이미지 요소를 렌더링으로 |
창 | 뷰포트 요소를 렌더링으로 |
단추 | 버튼으로, 요소를 도시 |
메뉴 | 사용자 옵션 설정은 선택 요소를 선물로 |
분야 | 입력 필드 엘리먼트를 렌더링하는 바와 |