مثال (خصوصیت appearance)
نمایش عنصر <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 */
}
پشتیبانی مرورگرها
هیچ کدام از مرورگرهای اصلی خصوصیت 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 | عنصر را مانند یک فیلد ورودی نمایش می دهد. |
