# العنصر p

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

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

---

**فقرة نصية <p>**

يُمثِّل العنصر `<p>` فقرةً نصيةً، وتُعرَض الفقرات عادةً على شكل أقسام من النص يفصل بينها بمسافة فارغة رأسية، أو بزيادة محاذاة أوّل سطر.

مثال عن استخدام العنصر `<p>`:

```html
<p>الموسوعة التقنية عالم التقنية والابداع بتقديم أهم الشروحات والأخبار التقنية والربح الالكتروني</p>

<p>المحتوى مرجعي، أي هو أقرب للقاموس تبحث فيه عمّا تحتاج له عند الحاجة.</p>
```

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

| تصنيفات المحتوى | محتوى تنظيمي. |
| --- | --- |
| المحتوى المسموح | محتوى عادي. |
| الوسم المختصر | وسم البداية مطلوب. لكن وسم النهاية يمكن حذفه إذا أتى بعد العنصر <p> عنصر <address> أو <article> أو <aside> أو <blockquote> أو <div> أو <dl> أو <fieldset> أو <footer> أو <form> أو <h1>-<h6> أو <header> أو <hr> أو <menu> أو <nav> أو <ol> أو <pre> أو <section> أو <table> أو <ul> أو عنصر <p> آخر مباشرةً، أو لم يعد هنالك محتوى إضافة في العنصر الأب ولم يكن العنصر الأب <a>. |
| العناصر الأب | أي عنصر يقبل المحتوى التنظيمي. |
| واجهة DOM | HTMLParagraphElement |

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

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

أصبحت الخاصية `align` قديمة ومهملة وغير مدعومة في HTML5، فلا تستعملها مع العنصر `<p>`.

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

أغلبية المتصفحات تعرض العنصر `<p>` مع ضبط الخاصية `display` إلى `block`، وجعل الهامش العلوي `margin-top` والسفلي `margin-bottom` يساوي `1em`، وضبط الهامش الأيسر `margin-left` والأيمن `margin-right` إلى `0`:

```css
p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}
```

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

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