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

من موسوعة حسوب
ط استبدال النص - ':(Content sectioning|Edits|Embedded content|Forms|Inline text semantics|Input Types|Interactive elements|Main Root|Metadata|Multimedia|Scripting|Table|Text Content)' ب':HTML $1'
إضافة قسمين
 
سطر 4: سطر 4:
لمشاهدة مثال عن استخدام العنصر <code><legend></code>، راجع صفحة العنصر <code>[[HTML/fieldset|<fieldset>]]</code>.
لمشاهدة مثال عن استخدام العنصر <code><legend></code>، راجع صفحة العنصر <code>[[HTML/fieldset|<fieldset>]]</code>.


== بطاقة العنصر ==
{| class="wikitable" style="width: 100%;"
{| class="wikitable" style="width: 100%;"
|-
|-
سطر 39: سطر 40:
== الخاصيات ==
== الخاصيات ==
يمكن استخدام [[HTML/Global Attributes|الخاصيات العامة]] في هذا العنصر.
يمكن استخدام [[HTML/Global Attributes|الخاصيات العامة]] في هذا العنصر.
== التنسيق الافتراضي ==
تعرض أغلبية المتصفحات العنصر <code><legend></code> مع ضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>block</code>، وإضافة حواشي على اليمين (<code>[[CSS/padding-right|padding-right]]</code>) وعلى اليسار (<code>[[CSS/padding-left|padding-left]]</code>)، وإزالة الإطار (<code>[[CSS/border|border]]</code>):<syntaxhighlight lang="css">
legend {
  display: block;
  padding-left: 2px;
  padding-right: 2px;
  border: none;
}
</syntaxhighlight>


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

المراجعة الحالية بتاريخ 03:10، 25 فبراير 2018

يُمثِّل العنصر <legend> لافتةً (caption) لعنصر <fieldset> الأب له.

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

بطاقة العنصر

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

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

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم مدعوم

الخاصيات

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

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

تعرض أغلبية المتصفحات العنصر <legend> مع ضبط الخاصية display إلى block، وإضافة حواشي على اليمين (padding-right) وعلى اليسار (padding-left)، وإزالة الإطار (border):

legend {
  display: block;
  padding-left: 2px;
  padding-right: 2px;
  border: none;
}

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