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

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(إضافة قسمين)
ط (←‏التنسيق الافتراضي: إضافة روابط)
 
(مراجعة متوسطة واحدة بواسطة نفس المستخدم غير معروضة)
سطر 45: سطر 45:
  
 
== التنسيق الافتراضي ==
 
== التنسيق الافتراضي ==
تعرض أغلبية المتصفحات العنصر <summary> مع ضبط الخاصية display إلى block:<syntaxhighlight lang="css">
+
تعرض أغلبية المتصفحات العنصر <code><summary></code> مع ضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>block</code>:<syntaxhighlight lang="css">
 
summary {
 
summary {
 
   display: block;
 
   display: block;
سطر 55: سطر 55:
 
*مواصفة [http://www.w3.org/html/wg/drafts/html/master/interactive-elements.html#the-summary-element HTML 5.1].
 
*مواصفة [http://www.w3.org/html/wg/drafts/html/master/interactive-elements.html#the-summary-element HTML 5.1].
 
[[تصنيف:HTML|{{SUBPAGENAME}}]]
 
[[تصنيف:HTML|{{SUBPAGENAME}}]]
[[تصنيف:HTML Forms|{{SUBPAGENAME}}]]
 
[[تصنيف:HTML Input Types|{{SUBPAGENAME}}]]
 

المراجعة الحالية بتاريخ 04:42، 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;
}

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