# العنصر abbr

> يُمثِّل العنصر اختصارًا ويوفِّر اختياريًا شرحًا له، وعند إضافة الشرح يجب أن تحتوي الخاصية title على الشرح الكامل لهذا الاختصار فقط ولا يسمح بأي قيمة أخرى.

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

---

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

يُمثِّل العنصر `<abbr>` اختصارًا ويوفِّر اختياريًا شرحًا له، وعند إضافة الشرح يجب أن تحتوي الخاصية `title` على الشرح الكامل لهذا الاختصار فقط ولا يسمح بأي قيمة أخرى.

المثال الآتي فيه شرح عن اختصار I18N:

```html
<abbr title="Internationalization">I18N</abbr>
```

ستظهر العبارة الموجودة ضمن الخاصية `title` عند مرور مؤشر الفأرة على العنصر.

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

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

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

| 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) في هذا العنصر.

استخدم الخاصية `title` لتعريف شرح كامل للاختصار، وهذا الشرح يُعرَض في الكثير من المتصفحات على شكل tooltip.

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

الغرض من هذا العنصر هو شرح أحد المصطلحات، لذا سيُعرَض كغيره من النصوص (أي تكون له الخاصية `display: inline` في CSS)، ومع ذلك قد يختلف تنسيقه من متصفحٍ لآخر:

- بعض المتصفحات مثل Internet Explorer لا ينُسِّقه بشكلٍ مختلف عن عنصر `<span>`.
- متصفحات Opera و Firefox وغيرهما تضيف خطًا منقطًا تحت محتوى العنصر. أي ستضبط الخاصية `text-decoration` إلى `underline dotted`.
- بعض المتصفحات تضيف خطًا منقطًا لكنها تعرض العنصر بتنسيق small caps، وللتخلص من هذا التنسيق فاستخدم الخاصية `font-variant: none` في CSS.

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

- [العنصر](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)