ویژگی white-space CSS

تعریف و استفاده

ویژگی white-space نشان‌دهنده نحوه مدیریت فضاهای خالی در داخل عنصر است.

این ویژگی نشان‌دهنده نحوه مدیریت فضاهای خالی در طول فرآیند ترتیب است. مقادیر pre-wrap و pre-line در CSS 2.1 اضافه شده‌اند.

لطفاً به اینجا نیز مراجعه کنید:

دستورالعمل CSS:متن CSS

دستورالعمل HTML DOM:ویژگی whiteSpace

مثال

این تعریف می‌کند که متن در یک پاراگراف نباید جابجا شود:

p
  {
  white-space: nowrap;
  }

آزمایش کنید

قوانین CSS

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

مقدار ویژگی

مقدار توضیح
معمولی پیش‌فرض. فضاهای خالی توسط مرورگر نادیده گرفته می‌شوند.
pre فضاهای خالی توسط مرورگر حفظ می‌شوند. رفتار آن مشابه برچسب <pre> در HTML است.
nowrap متن نمی‌تواند جابجا شود، متن در یک خط ادامه می‌یابد تا زمانی که به برچسب <br> برسد.
pre-wrap فضاهای خالی ترکیب می‌شوند، اما خطوط جدید به صورت معمول ایجاد می‌شوند.
pre-line فضاهای خالی ترکیب می‌شوند، اما خطوط جدید حفظ می‌شوند.
erbانی این تعریف می‌کند که white-space باید از عنصر والد ارث ببرد.

جزئیات فنی

مقدار پیش‌فرض: معمولی
erbانی: بله
نسخه: CSS1
قوانین جاوااسکریپت: object.style.whiteSpace="pre"

مثال‌های بیشتر

ممنوعیت شکستن خطوط متن در عنصر
این مثال نشان می‌دهد که چگونه می‌توان از شکستن خطوط متن در یک عنصر جلوگیری کرد.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهای پشتیبان از این ویژگی هستند.

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