الكورس

Advertisements

HTML details Tag


HTML details Tag – يحدد الوسم <details> تفاصيل إضافية يمكن للمستخدم من خلالها الحصول على معلومات، وفتحها وإغلاقها عند الطلب.


 

HTML details Tag

 

يمكنك وضع أي نوع من المحتوى (نصوص – قوائم – روابط – صور – ..إلخ) داخل وسم <details>.

 

مثال

<details>
    <summary>How do you manage your time?</summary>
    <ul>
        <li>Set goals</li>
        <li>Set a deadline for each goal</li>
        <li>Write down everything you want to do daily</li>
        <li>Take breaks</li>
    </ul>    
</details>
How do you manage your time?
  • Set goals
  • Set a deadline for each goal
  • Write down everything you want to do daily
  • Take breaks
يٌستخدم الوسم <summary> مع وسم <details> كوسيلة او ملخصًا لإيضاح التفاصيل.

 

السمات المحددة – Specific Attributes

 

يدعم الوسم <details> هذه السمة:

السمةالقيمةالوصف
openopenيحدد أن التفاصيل يجب أن تكون مرئية (اى مفتوحة) للمستخدم.
إذا كانت القيمة الإفتراضية false سيتم إخفاء التفاصيل.

 

السمات العامة – Global Attributes

 

الوسم <details> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.

 


 

سمات الحدث – Event Attributes

 

يدعم وسم <details> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدثEvent Attributes.

 


 

دعم المتصفحات

 

المتصفحfirefox - الباشمبرمجCHROME - الباشمبرمجIE - الباشمبرمجsafari - الباشمبرمجopera - الباشمبرمج
من بداية الإصدار49.012.079.06.015.0


الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

info@albashmoparmeg.com

شكرًا لك على مساعدتك لنا!

Advertisements