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 */
}
»をお試しください
ブラウザのサポート
すべての主要なブラウザは、外観プロパティをサポートしていません。
Firefoxは、代替-moz-外観プロパティをサポートしています。
SafariやChromeは代替-webkit-外観プロパティをサポートしています。
タグの定義と指示
外観プロパティは、要素は、標準的なユーザーインターフェイス要素のように見えるようにすることができます。
デフォルト: | ノーマル |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクトobject.style.appearance = "ボタン" |
文法
appearance: normal|icon|window|button|menu|field;
値 | 説明 |
---|---|
ノーマル | 通常のレンダリング要素 |
アイコン | 小さな画像は、要素をレンダリングするように |
窓 | ビューポートなどの要素をレンダリング |
ボタン | ボタンのように、要素を示します |
メニュー | ユーザーオプションの設定は、選択した要素を提示したように |
フィールド | 入力フィールドには、要素をレンダリングしたように |