العنصر ::first-line
< CSS
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
العنصر الزائف ::first-line
في CSS (أي pseudo-element) يؤدي إلى تطبيق الأنماط على أوّل سطر من العناصر الكتلية (block-level elements)، لاحظ أنَّ طول أوّل سطر يختلف تبعًا لعدة عوامل بما في ذلك عرض العنصر وعرض المستند وحجم الخط.
p::first-line {
color: red;
}
الشكل العام لهذا المحدد:
::first-line
:first-line
لاحظ أنَّ CSS3 أضافت الشكل ::first-line
(لاحظ أنَّ قبله زوجين من النقط الرأسية) لتمييز العناصر الزائفة (pseudo-elements) عن الأصناف الزائفة (pseudo-classes)؛ لكن المتصفحات تقبل الشكل :first-line
المُضاف في CSS2 أيضًا.
لا يسمَح إلا باستخدام مجموعة جزئية من خاصيات CSS مع هذا العنصر الزائف:
- جميع خصائص الخطوط:
font
وfont-style
وfont-feature-settings
وfont-kerning
وfont-language-override
وfont-stretch
وfont-synthesis
وfont-variant
وfont-variant-alternates
وfont-variant-caps
وfont-variant-east-asian
وfont-variant-ligatures
وfont-variant-numeric
وfont-variant-position
وfont-weight
وfont-size
وfont-size-adjust
وline-height
وfont-family
. - جميع خاصيات الخلفيات:
background
وbackground-color
وbackground-image
وbackground-clip
وbackground-origin
وbackground-position
وbackground-repeat
وbackground-size
وbackground-attachment
وbackground-blend-mode
. - الخاصية
color
. - الخاصيات:
text-decoration
وtext-shadow
وtext-transform
وletter-spacing
وword-spacing
وline-height
وtext-decoration-color
وtext-decoration-line
وtext-decoration-style
وvertical-align
.
أمثلة
مثال عن استخدام هذا العنصر الزائف لتحديد أول سطر لجميع العناصر:
<p>سيتم تطبيق الأنماط فقط على السطر الأول من هذه الفقرة.
بعد ذلك ، سيتم تنسيق جميع النصوص مثل وضعها الطبيعي. هل تفهم ما اعني؟</p>
<span>لن يتلقى السطر الأول من هذا النص نمطًا خاصًا
لأنه ليس عنصر مستوى الكتلة.</span>
شيفرة CSS:
::first-line {
color: blue;
text-transform: uppercase;
/* تحذير! لا تستعمل هذه الخاصيات لأنها غير صالحة مع هذا العنصر الزائف */
margin-left: 20px;
text-indent: 20px;
}
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي (:first-line) | 1.0 | 1.0 | 5.5 | 3.5 | 1.0 |
::first-line | 1.0 | 1.0 | 9.0 | 7.0 | 1.0 |
انظر أيضًا
- صفحة الصنف الزائف
first-letter::
الذي يؤدي إلى تطبيق الأنماط على أوّل حرف من أوّل سطر من العناصر الكتلية (block-level elements)، شرط ألّا يسبقها محتوى آخر (مثل الصور أو الجداول السطرية).
مصادر ومواصفات
- مسودة CSS Pseudo-Elements Level 4.
- مواصفة CSS Text Decoration Module Level 3.
- مواصفة Selectors Level 3.
- مواصفة CSS Level 2 (Revision 1).
- مواصفة CSS Level 1.