خصوصیت appearance

مثال

نمایش عنصر <div> مانند یک دکمه:

		div

		{

		appearance:button;

		-moz-appearance:button; /* Firefox */

		-webkit-appearance:button; /* Safari and Chrome */

		}

خودتان امتحان کنید »

هیچ کدام از مرورگرهای اصلی خصوصیت appearance را پشتیبانی نمی کنند.

مرورگر Firefox به پیشوند -moz- نیاز دارد.

مرورگرهای Chrome و Safari به پیشوند -webkit- نیاز دارند.

با استفاده از خصوصیت appearance، می توانید نحوه نمایش عنصر را شبیه دیگر عناصر قرار دهید.

مقدار پیشفرض	normal
ارث بری	خیر
نسخه	CSS3
JavaScript ساختار	object.style.appearance="button"

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

مقدار	توضیحات
normal	عنصر را بصورت عادی نمایش می دهد.
icon	عنصر را مانند یک تصویر کوچک، نشان می دهد.
window	عنصر را مانند یک viewport نمایش می دهد.
button	عنصر را مانند یک دکمه نمایش می دهد.
menu	عنصر را مانند یک منو نمایش می دهد. (گزینه هایی را برای انتخاب کاربر تنظیم می کند)
field	عنصر را مانند یک فیلد ورودی نمایش می دهد.