خصائص Style whiteSpace

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

whiteSpace يحدد كيفية معالجة tab، newline و الفراغ في النص.

يرجى الرجوع أيضًا إلى:

دليل CSS التعليمينص CSS

دليل CSSخصائص white-space

مثال

مثال 1

يحدد هذا المثال أن النص في علامة <div> لن ينتقل إلى السطر التالي أبدًا:

document.getElementById("myDIV").style.whiteSpace = "nowrap";

جرب بنفسك

مثال 2

إرجاع خاصية whiteSpace:

alert(document.getElementById("myDiv").style.whiteSpace);

جرب بنفسك

النحو

إرجاع خاصية whiteSpace:

object.style.whiteSpace

ضبط خاصية whiteSpace:

object.style.whiteSpace = "normal|nowrap|pre|initial|inherit"

قيمة الخصائص

القيمة الوصف
normal

سيتم طي سلسلة الفراغات إلى فراغ واحد.

سيتم إعادة توجيه النص عند الحاجة. الافتراضي.
nowrap

سيتم طي سلسلة الفراغات إلى فراغ واحد.

سيكون النص أبدًا لا ينتقل إلى السطر التالي. سيستمر النص في نفس السطر حتى يصل إلى علامة <br>.
pre

سيحتفظ المتصفح بالفراغ.

سيتم إعادة توجيه النص فقط عند نقطة النقطة. يشبه علامة <pre> في HTML.
pre-line

سيتم طي سلسلة الفراغات إلى فراغ واحد.

سيتم إعادة توجيه النص عند الحاجة، وسيتم إعادة توجيهه عند نقطة النقطة.
pre-wrap

سيحتفظ المتصفح بالفراغ.

سيتم إعادة توجيه النص عند الحاجة، وسيتم إعادة توجيهه عند نقطة النقطة.
initial أعطِ هذا الخصائص قيمتها الافتراضية. يرجى الرجوع إلى initial.
inherit يرث هذا الخصائص من العنصر الأب. يرجى الرجوع إلى inherit.

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

القيمة الافتراضية: normal
القيمة المطلوبة: السلسلة، تعبر عن كيفية معالجة الفراغ في العناصر.
إصدار CSS: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم