الفرق بين المراجعتين ل"HTML/summary"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}')
(إضافة قسمين)
سطر 4: سطر 4:
 
لمشاهدة مثال عن استخدام العنصر <code><summary></code>، راجع صفحة العنصر <code>[[HTML/details|<details>]]</code>.
 
لمشاهدة مثال عن استخدام العنصر <code><summary></code>، راجع صفحة العنصر <code>[[HTML/details|<details>]]</code>.
  
 +
== بطاقة العنصر ==
 
{| class="wikitable" style="width: 100%;"
 
{| class="wikitable" style="width: 100%;"
 
|-
 
|-
سطر 42: سطر 43:
  
 
يجب أن يكون العنصر <code><summary></code> أوّل أبناء العنصر <code>[[HTML/details|<details>]]</code>.
 
يجب أن يكون العنصر <code><summary></code> أوّل أبناء العنصر <code>[[HTML/details|<details>]]</code>.
 +
 +
== التنسيق الافتراضي ==
 +
تعرض أغلبية المتصفحات العنصر <summary> مع ضبط الخاصية display إلى block:<syntaxhighlight lang="css">
 +
summary {
 +
  display: block;
 +
}
 +
</syntaxhighlight>
  
 
==مصادر ومواصفات==
 
==مصادر ومواصفات==

مراجعة 04:35، 24 فبراير 2018

يُستخدم العنصر <summary> لعرض خلاصة أو لافتة أو عنوان لمحتويات العنصر <details>.

لمشاهدة مثال عن استخدام العنصر <summary>، راجع صفحة العنصر <details>.

بطاقة العنصر

تصنيفات المحتوى لا يوجد.
المحتوى المسموح المحتوى العادي، أو ترويسة وحيدة.
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب العنصر <details>.
واجهة DOM HTMLElement

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

Chrome Firefox Edge Safari Opera
12 49 قيد التطوير 6 15

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

ملاحظات الاستخدام

إذا لم يكن العنصر <summary> موجودًا داخل العنصر <details> فستُعرَض الترويسة «Details».

يجب أن يكون العنصر <summary> أوّل أبناء العنصر <details>.

التنسيق الافتراضي

تعرض أغلبية المتصفحات العنصر <summary> مع ضبط الخاصية display إلى block:

summary {
  display: block;
}

مصادر ومواصفات