داغ ترین ویدیو بابلز لرن : هک کلاس های مجازی توسط متین برونسی

ویژگی تصویر

تگ details در HTML

  /  فرانت اند   /  HTML   /  تگ details در HTML

با استفاده از تگ details در HTML می توان یک متن مخفی شده به طور پیش فرض را ایجاد کرد، که با کلیک کاربر روی آن، متن به نمایش در می آید.

مثال

تماشا در حالت تمام صفحه


تعریف و کاربرد

تگ details در HTML جزئیات بیشتری را در رابطه با یک موضوع تعریف می کند و متنی مخفی شده درون خود دارد که توسط کاربر می تواند باز و بسته شود، همچنین هر نوع محتوایی را میتوان درون تگ <details> قرار داد.

از تگ <summary> در عنصر <details> برای تعریف عنوان استفاده می شود که مخفی نیست و برای کاربر جهت مشاهده جزئیات بیشتر تگ <details> به نمایش در خواهد آمد.


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

اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کنند که به طور کامل عنصر را پشتیبانی می کند.

عنصر
<details>12.079.049.06.015.0

خواص (attributes)

خاصیتمقدارتوضیحات
openopenمشخص میکند که جزئیات و محتوای تگ details به طور پیش فرض قابل مشاهده باشد.

خواص عمومی

تگ details از خواص عمومی در HTML پشتیبانی می کند.

رویداد های عمومی

تگ details از رویداد های عمومی در HTML پشتیبانی می کند.

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر details در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

details {
  display: block;
}

مثال های بیشتر


این قسمت/بخشی از محتوا مخفی شده است و فقط برای اعضای وب سایت قابل مشاهده می باشد، لطفاً با حساب کاربری وارد شوید.

5/5 - (4 امتیاز)

آیا این مطلب برای شما مفید بود ؟

خیر
بله
 #نهج_البلاغه_بخوانیم

ضرورت عمل كردن به روايات

و درود خدا بر او، فرمود: چون روايتى را شنيديد، آن را بفهميد عمل كنيد، نه بشنويد و نقل كنيد، زيرا راويان علم فراوان، و عمل كنندگان آن اندكند.

حکمت 98 نهج البلاغه

برای دسترسی به آموزش های بیشتر و ویدیو های من کلمات کلیدی متین برونسی را داخل گوگل جستجو کنید.