تعریف و کاربرد
تگ <details> برای قرار دادن جزئیات اضافی به کار می رود.
به وسیله این تگ، کاربر می تواند اطلاعات اضافی را با کلیک بر روی عنوان، باز و بسته و مشاهده کند.
برای درک بهتر، نمونه کد بالا را در آزمایشگاه مشاهده کنید.
تگ <details> در زیر مجموعه خود دارای تگ <summary> است، که با آن می توان عنوان را مشخص کرد.
هر متنی که خارج از <summary> و در داخل <details> نوشته شود، جزئیات اضافی محسوب می باشد.
برای اطلاعات بیشتر صفحه تگ <summary> را مشاهده کنید.
سازگاری با مرورگر
| # | کروم | ادج | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| <details> |
ویژگی ها
| ویژگی ها | مقادیر | توضیحات |
|---|---|---|
| open |
open
|
به جهت نمایش محتوای متنی، تصویری و صوتی به کاربر استفاده می شود. |
ویژگی های سراسری
تگ <details> از ویژگی های سراسری HTML پشتیبانی می کند.
ویژگی های رویداد
تگ <details> از ویژگی های رویداد HTML پشتیبانی می کند.
استایل css پیش فرض
بیشتر مرورگر ها تگ <details> را با استایل پیشفرض زیر نمایش می دهند:
