خاصية widows

آخر تحديث: 2026-09-13

widows خاصية widows

تتحكم الخاصية widows في الحد الأدنى لعدد الأسطر من بداية الفقرة التي يجب أن تبقى في أسفل الصفحة السابقة عند الطباعة، والقيمة الافتراضية هي 2. وباقترانها مع orphans، تمنع بقاء السطر الأول من الفقرة بمفرده في أسفل الصفحة (يسمى «السطر الأرمل»)، مما يحافظ على سلامة الفقرات المطبوعة.

الفئة
القيمة الأولية2
موروثنعم
ينطبق على
نوع الحركة
إصدار CSSCSS2
الحالةقياسي

📝 التركيب

widows: <integer>;

⚙️ القيم

القيمةالنوعالوصف
<integer>النوعالحد الأدنى للأسطر في بداية الفقرة

▶ مثال

عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:

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

المتصفح ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
widows v10 v12 v1 v1 v1
مدعوم في جميع المتصفحات الرئيسية
تلميح: من السهل الخلط بين widows و orphans في CSS؛ تذكّر أن «الأرمل = يُترَك وحده في البداية (أسفل الصفحة)» لتمييزهما.

❓ الأسئلة الشائعة

Qهل يجب ضبط widows و orphans معًا؟
Aلا — كلتاهما خاصيتان مستقلتان في وسائط الصفحات. ولكن يُعتاد ضبطهما بنفس القيمة لتُعالَج طرفا الفقرة بثبات. على سبيل المثال، orphans: 3; widows: 3; يحتفظ بثلاثة أسطر على الأقل عند كلا الطرفين لإطلالة متّسقة. وضبط إحداهما وحدها يُبقي الطرف الآخر عرضة للأسطر اليتيمة/الأرملة. وكثيرًا ما يكتب المشاريع الحقيقية كلتيهما داخل @media print.
Qهل تؤثر widows على العرض على الشاشة؟
Aلا. لا يُطبَّق widows و orphans إلا في سياقات الصفحات (الطباعة، ومعاينة الطباعة، وتصدير PDF). أمّا الشاشات فتُمرَّر باستمرار دون ترقيم صفحات، لذا لا يتأثر العرض على الشاشة على الإطلاق. للتحقق من النتيجة، استخدم معاينة الطباعة في المتصفح، أو محاكِ وسائط الطباعة في DevTools.
Qأيهما يتحكم في بداية الفقرة، widows أم orphans؟
Aتتحكم widows في بداية الفقرة، حيث تمنع بقاء أول N سطر بمفردها في أسفل الصفحة السابقة. وتتحكم orphans في نهاية الفقرة، حيث تمنع سقوط آخر N سطر بمفردها في أعلى الصفحة التالية. ومساعدة تذكّرية: الأرملة تقف عند «البداية» (أسفل الصفحة)، واليتيم عند «النهاية» (أعلى الصفحة)؛ ويُعتاد ضبطهما بنفس القيمة.
Qكيف أصلح فقرة انقسمت عند الطباعة؟
Aبالإضافة إلى تحكم orphans/widows في الأسطر داخل الفقرة، اجمع مع break-inside: avoid لمنع تقسيم العناصر بأكملها عبر كسر الصفحة. وللفقرات الطويلة، orphans: 3; widows: 3; يمنع الأسطر اليتيمة/الأرملة؛ وللصور، وصفوف الجداول، والعناصر الأخرى التي لا يجوز أن تمتد عبر الصفحات، ينقلها break-inside: avoid بالكامل إلى الصفحة التالية.

📚 دروس ذات صلة

Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%