الفرق بين المراجعتين لصفحة: «HTML/summary»

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

@@ سطر 4: / سطر 4: @@
 لمشاهدة مثال عن استخدام العنصر <code><summary></code>، راجع صفحة العنصر <code>[[HTML/details|<details>]]</code>.
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 42: / سطر 43: @@
 يجب أن يكون العنصر <code><summary></code> أوّل أبناء العنصر <code>[[HTML/details|<details>]]</code>.
+== التنسيق الافتراضي ==
+تعرض أغلبية المتصفحات العنصر <code><summary></code> مع ضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>block</code>:<syntaxhighlight lang="css">
+summary {
+  display: block;
+}
+</syntaxhighlight>
 ==مصادر ومواصفات==
@@ سطر 47: / سطر 55: @@
 *مواصفة [http://www.w3.org/html/wg/drafts/html/master/interactive-elements.html#the-summary-element HTML 5.1].
 [[تصنيف:HTML|{{SUBPAGENAME}}]]
-[[تصنيف:HTML Forms|{{SUBPAGENAME}}]]
-[[تصنيف:HTML Input Types|{{SUBPAGENAME}}]]