# العنصر blockquote

> يُشير العنصر (اسم هذا العنصر اختصارٌ للعبارة HTML Block Quotation Element) إلى أنَّ النص الموجود داخله هو نص اقتباس طويل

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

---

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

يُشير العنصر `<blockquote>` (اسم هذا العنصر اختصارٌ للعبارة *HTML Block Quotation Element*) إلى أنَّ النص الموجود داخله هو نص اقتباس طويل.

يُعرَض هذا العنصر عادةً مع إضافة محاذاة قبله (راجع قسم الملاحظات في هذه المقالة لمعرفة كيفية تغيير طريقة العرض). يمكن توفير رابط URL لمصدر الاقتباس عبر الخاصية `cite`، أما التمثيل النصي للمصدر يمكن أن يوضع ضمن العنصر `<cite>`.

هذه مثالٌ عن اقتباس من موقع الموسوعة التقنية يستعمل الخاصية `cite`:

```html
<blockquote cite="https://www.coreiten.com/">
  <p>في مهمة لتطوير العالم العربي
نعمل لنمكّن الشباب ونفتح مزيدًا من الفرص أمامهم.</p>
</blockquote>
```

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

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

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

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

### cite

تقبل هذه الخاصية رابط URL تابع للاقتباس، ويمكن أن يُشير هذا الرابط إلى معلومات تشرح سياق الاقتباس أو مصدر هذا الاقتباس.

## ملاحظات

- لتعديل المحاذاة الخاصة بالعنصر `<blockquote>` فاستخدم خاصية `margin` في CSS.
- استعمل العنصر `<q>` للاقتباسات القصيرة.

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

تعرض أغلبية المتصفحات العنصر `<blockquote>` بضبط الخاصية `display` إلى `block`، وضبط قيمة `margin-top` و `margin-bottom` إلى `1em`، وقيمة `margin-left` و `margin-right` إلى `40px`:

```css
blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}
```

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

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