خاصية white-space
آخر تحديث: 2026-09-13
white-space خاصية white-space
تتحكم خاصية white-space في CSS في كيفية معالجة المسافات البيضاء (المسافات وعلامات التبويب والأسطر الجديدة) داخل عنصر وما إذا كان النص يلتف تلقائيًا. تقرر ما إذا كان المتصفح يدمج المسافات المتتالية أو يحتفظ بالتنسيق الأصلي أو يكسر الأسطر عند فيضان النص. وهي ضرورية لعرض الأكواد والحفاظ على التنسيق وتأثيرات الحذف في سطر واحد.
| الفئة | |
|---|---|
| القيمة الأولية | normal |
| موروث | نعم |
| ينطبق على | all |
| نوع الحركة | discrete |
| إصدار CSS | CSS1 |
| الحالة | قياسي |
📝 التركيب
white-space: normal | nowrap | pre | pre-wrap | pre-line | break-spaces;⚙️ القيم
| القيمة | النوع | الوصف |
|---|---|---|
normal | nowrap | pre | pre-wrap | pre-line | break-spaces | كلمة مفتاحية | معالجة المسافات البيضاء وقواعد الالتفاف |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفحات
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| white-space | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
تلميح： يتطلب الحذف في سطر واحد ثلاث خصائص معًا: white-space: nowrap وoverflow: hidden وtext-overflow: ellipsis.
مهم： الفرق بين pre-wrap وpre-line: تحفظ pre-wrap كل المسافات البيضاء وتلتف؛ بينما تدمج pre-line المسافات لكنها تحتفظ بالأسطر الجديدة وتلتف أيضًا.
❓ الأسئلة الشائعة
Qما الفرق بين white-space: normal وnowrap؟
Aتدمج normal المسافات البيضاء المتتالية وتسمح للنص بالالتفاف عند حافة الحاوية؛ أما nowrap فتدفع المسافات أيضًا لكنها تمنع الالتفاف التلقائي، فيستمر النص في التمدد على سطر واحد حتى يصادف وسم <br>.
Qمتى يجب أن أستخدم white-space: pre بدلًا من white-space: pre-wrap؟
Aتحفظ pre التنسيق الأصلي بالكامل ولا تلتف أبدًا، مما يجعلها مناسبة لعرض كتل الأكواد؛ بينما تحفظ pre-wrap التنسيق لكنها تسمح بالالتفاف عند حافة الحاوية، مما يلائم التخطيطات ذات العرض المتكيف.
Qما الفرق بين white-space: pre-wrap وpre-line؟
Aكلتاهما تسمحان بالالتفاف. تحفظ pre-wrap كل المسافات البيضاء بما في ذلك سلاسل المسافات المتتالية؛ بينما تدمج pre-line المسافات المتتالية وتحتفظ فقط بالأسطر الجديدة. استخدم pre-wrap عندما يجب أن تبقى المسافة البادئة دقيقة، وpre-line عندما تريد فقط الحفاظ على كسر الأسطر.
🏷️ خصائص ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
خاصية text-overflow
التحكم في كيفية عرض النص الفائض بعلامة حذف.
خاصية word-break
التحكم في قواعد كسر الأسطر للكلمات.
