CSS 모양 속성


  번역 결과:

appearance

appearance

英 [əˈpæərəns] 美 [əˈpərəns]

CSS 모양 속성통사론

기능: appearance 속성을 사용하면 요소를 표준 사용자 인터페이스 요소처럼 보이게 만들 수 있습니다.

구문: ​​appearance: Normal|icon|window|button|menu|field

설명: normal 요소를 일반 요소로 렌더링합니다. icon은 요소를 아이콘(작은 그림)으로 렌더링합니다. 창은 요소를 뷰포트로 렌더링합니다. 버튼은 요소를 버튼으로 렌더링합니다. 메뉴는 사용자가 선택할 수 있는 옵션 집합으로 요소를 표시합니다. field는 요소를 입력 필드로 렌더링합니다.

참고: 모든 주요 브라우저는 모양 속성을 지원하지 않습니다. Firefox는 대체 -moz-appearance 속성을 지원합니다. Safari와 Chrome은 대체 -webkit-appearance 속성을 지원합니다.

CSS 모양 속성예

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
</style>
</head>
<body>
<p><b>注释:</b>Internet Explorer 和 Opera 不支持 appearance 属性。</p>
<div>一些文本。</div>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A