خصائص white-space CSS

التعريف والاستخدام

تُستخدم خاصية white-space لتحديد كيفية معالجة الفواصل البيانية داخل العنصر.

تُستخدم هذه الخاصية لتحديد كيفية معالجة الفواصل البيانية داخل العنصر أثناء عملية التخطيط. القيم pre-wrap و pre-line تم إضافتها في CSS 2.1.

انظر أيضًا:

دليل CSS:نص CSS

دليل HTML DOM:خاصية whiteSpace

مثال

يحدد يجب أن لا يتم تغيير سطر النص في الفقرة:

p
  {
  white-space: nowrap;
  }

تجربة شخصية

جافا سكربت الجرافيك

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

قيمة الخاصية

القيمة الوصف
عادية افتراضي. سيقوم المتصفح بتجاهل الفواصل البيانية.
pre سيحافظ المتصفح على الفواصل البيانية. تصرفه يشبه تسمية <pre> في HTML.
nowrap النص لن يغير السطر، النص سيستمر في نفس السطر حتى يواجه تسمية <br>.
pre-wrap الحفاظ على سلسلة الفواصل البيانية، ولكن القيام بالسطر الطبيعي.
pre-line تدمير سلسلة الفواصل البيانية، ولكن الحفاظ على فتحات السطر.
توريث يحدد يجب أن تُورث القيمة من خاصية white-space من العنصر الأب.

تفاصيل التقنية

القيمة الافتراضية: عادية
تنقل: نعم
الإصدار: CSS1
جافا سكربت الجرافيك: object.style.whiteSpace="pre"

مزيد من الأمثلة

منع انقسام النص في العنصر
هذا المثال يوضح كيفية منع انقسام النص داخل العنصر.

دعم المتصفح

الرقم في الجدول يوضح الإصدار الأول من المتصفح الذي يدعم هذه الخاصية بشكل كامل.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5