دليل مرجعي CSS

قواعد CSS @

موسوعة خاصيات CSS

طريقة استخدام خاصية white-space CSS و الأمثلة

يحدد خاصية white-space CSS كيفية معالجة الفراغات داخل العنصر (مثل الفراغات، الأزرار المائلة والسطر الجديد).

التالي هو شرح الاستخدام والسجلات التاريخية لهذه الخاصية، بالإضافة إلى синтكس استخدامها في سكربتات JavaScript.

القيمة الافتراضية:	normal
تطبيق لـ:	جميع العناصر
الوراثة:	نعم
يمكن تحريكه:	لايرجى الرجوع إلى خصائص الرسوم المتحركة.
الإصدار:	CSS 1،2،3
جملة JavaScript:	object.style.whiteSpace="pre-wrap"

جملة استخدام white-space

يبدو جملة هذا الخصائص كالتالي:

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

في المثال أدناه، يتم عرض كيفية استخدام خصائص white-space.

مثال

　　code　{
　　　white-space:　pre;
　　}
　　p　{
　　　white-space:　nowrap;
　　}

اختبار ل‹/›

قيمة الخصائص

يصف الجدول أدناه قيم هذا الخصائص.

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

تواكب المتصفحات

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

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

تحذير:تحذير: لا يدعم إصدارات Firefox 3.5، Safari 3.0 و Opera 9.5 القديمة القيمة pre-line. لا تدعم القيم pre-line، pre-wrap و inherit في إصدارات Internet Explorer 7 و الأحدث.

قراءة إضافية

يرجى الرجوع إلى التعليمات التالية:تنسيق النص HTML.

خصائص ذات صلة:letter-spacing,word-spacing.

خصائص width CSS خصائص visibility CSS