ایچ تی ایم ال <details> ٹیگ
تعریف و استفاده
<تفصیلات> تگها جزئیات دیگری را که کاربر میتواند باز و بسته کند، تعریف میکنند.
<تفصیلات> تگها معمولاً برای ایجاد ابزارکهای تعاملی قابل باز و بسته شدن توسط کاربر استفاده میشوند. به صورت پیشفرض، ابزارکها بسته هستند. هنگامی که باز میشوند، آنها باز میشوند و محتوای خود را نمایش میدهند.
هر نوع محتوایی میتواند در <تفصیلات> در تگ.
توضیح:<summary> تگ با <تفصیلات> با استفاده از، میتوان برای جزئیات عنوان قابل مشاهده تعیین کرد. هنگامی که کاربر روی عنوان کلیک میکند، <تفصیلات> محتوای تعریف شده.
لطفاً به: مراجعه کنید
دستورالعمل HTML DOM:موضوع Details
مثال
مثال 1
تعریف جزئیات قابل باز و بسته شدن توسط کاربر:
<تفصیلات> <summary>مستقبل مركز العالم (Epcot Center)</summary> <p>Epcot وارٹر ڈزنی وارلڈ ریزیڈنسی کا تھیم پارک ہے، جس میں حوصلہ افزا مقامات، بین الاقوامی گالری، انعام یافتہ فائر ورکس اور موسمیاتی سرگرمیاں موجود ہیں。</p> </تفصیلات>
مثال 2
استفاده از CSS برای تنظیم استایل <details> و <summary>:
<html>
<style>
details > summary {
padding: 4px;
width: 200px;
background-color: #eeeeee;
border: none;
box-shadow: 1px 1px 2px #bbbbbb;
cursor: pointer;
}
details > p {
background-color: #eeeeee;
padding: 4px;
margin: 0;
box-shadow: 1px 1px 2px #bbbbbb;
}
</style>
<body>
<تفصیلات>
<summary>مستقبل مركز العالم (Epcot Center)</summary>
<p>Epcot وارٹر ڈزنی وارلڈ ریزیڈنسی کا تھیم پارک ہے، جس میں حوصلہ افزا مقامات، بین الاقوامی گالری، انعام یافتہ فائر ورکس اور موسمیاتی سرگرمیاں موجود ہیں。</p>
</تفصیلات>
</body>
</html>
حصص
| حصص | مقدار | مقصد |
|---|---|---|
| کھولیں | کھولیں | تفصیلات کو استعمال کنندہ کو دیکھنے کو چاہئیے (کھولیں) |
عالمی کا حصص
<تفصیلات> برچی کا حصص کا استعمال کیا گیا HTML میں عالمی کا حصص。
واقعیتی کا حصص
<تفصیلات> برچی کا حصص کا استعمال کیا گیا HTML میں واقعیتی کا حصص。
مطلق CSS تنظیمات
ب大多数 براوزرز کا استعمال کی جانے والی مطلق طور پر مقدار <تفصیلات> عنصر:
تفصیلات {
دکھائی دیکھنا: بلک
}
براوزر کا سپورٹ
جداول میں شمار کا عدد پہلے اس عنصر کو پورا طور پر سپورٹ کرنے والے براوزر کی نسلی کو نشان دہی کرتا ہے。
| کروم | ایج | فائرفاکس | سافری | آپرا |
|---|---|---|---|---|
| کروم | ایج | فائرفاکس | سافری | آپرا |
| 12.0 | 79.0 | 49.0 | 6.0 | 15.0 |
