ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

CSS3 appearance プロパティ

CSS3 Reference 完全な CSS3 リファレンス

Make a div element look like a button:

div
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

appearance プロパティをサポートしているブラウザはありません。

Firefox supports an alternative, the -moz-appearance property.

Safari and Chrome support an alternative, the -webkit-appearance property.


定義と用法

appearance property allows you to make an element look like a standard user interface element.

デフォルト値: normal
継承: no
バージョン: CSS3
JavaScript構文: object.style.appearance="button"


構文

appearance: normal|icon|window|button|menu|field;

説明
normal Render the element as normal
icon Render the element as a small picture
window Render the element as a viewport
button Render the element as a button
menu Render the element as a set of options for the user to choose from
field Render the element as an input field


CSS3 Reference 完全な CSS3 リファレンス