خصوصیت 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 عنصر را مانند یک فیلد ورودی نمایش می دهد.