# العنصر legend

> يُمثِّل العنصر لافتةً (caption) لعنصر الأب له لمشاهدة مثال عن استخدام العنصر

- Canonical URL: https://coreiten.com/article/العنصر-legend
- Language: ar
- Section: HTML
- Author: Sami
- Published: 2025-02-10T00:00:00+03:00
- Modified: 2026-01-30T18:24:32+03:00
- Publisher: CoreITen (https://coreiten.com)
- Keywords: العنصر, ما هو العنصر legend في html, شرح العنصر legend, مثال عن العنصر legend, خاصيات العنصر legend, استخدام العنصر legend في html, بطاقة العنصر legend, تعلم html من الصفر, تصميم مواقع, برمجة مواقع, لغة html

---

**العنصر <legend>**

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

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

## بطاقة العنصر

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

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

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

## الخاصيات

يمكن استخدام [الخاصيات العامة](https://coreiten.com/article/%D8%A7%D9%84%D8%AE%D8%A7%D8%B5%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D8%A7%D9%85%D8%A9) في هذا العنصر.

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

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

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

## مواضيع ذات صلة

- [العنصر](https://coreiten.com/topic/%D8%A7%D9%84%D8%B9%D9%86%D8%B5%D8%B1)
- [تعلم html من الصفر](https://coreiten.com/topic/%D8%AA%D8%B9%D9%84%D9%85-html-%D9%85%D9%86-%D8%A7%D9%84%D8%B5%D9%81%D8%B1)
- [تصميم مواقع](https://coreiten.com/topic/%D8%AA%D8%B5%D9%85%D9%8A%D9%85-%D9%85%D9%88%D8%A7%D9%82%D8%B9)
- [برمجة مواقع](https://coreiten.com/topic/%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9)
- [لغة html](https://coreiten.com/topic/%D9%84%D8%BA%D8%A9-html)