外観

# 英語

英 [??p??r?ns]

CSSの外観プロパティ 構(gòu)文

役割:Appearance 屬性を使用すると、要素を標準のユーザー インターフェイス要素のように見せることができます。

構(gòu)文: 外観: 通常|アイコン|ウィンドウ|ボタン|メニュー|フィールド

説明: normal 要素を通常どおりレンダリングします。要素。 icon は要素をアイコン (小さな畫像) としてレンダリングします。 window は要素をビューポートにレンダリングします。 button は要素をボタンとしてレンダリングします。メニューには、ユーザーが選択できるオプションのセットとして要素が表示されます。 field は要素を入力フィールドとしてレンダリングします。

注: すべての主要なブラウザは、Appearance 屬性をサポートしません。 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>
インスタンスの実行 ?

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します