خصوصیت appearance

چاپ

مثال (خصوصیت appearance)

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

div
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
خودتان امتحان کنید »

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

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