المساحات البيضاء للنوص في لغة CSSCSS Text White Space

تتحكم white-space في حفظ المسافات وفواصل الأسطر الموجودة في المصدر أو دمجها، وفي الالتفاف التلقائي. لا تنشئ شريط تمرير بمفردها؛ تتحكم خصائص overflow في ذلك.

• normal: تدمج المسافات وفواصل المصدر، وتسمح بالالتفاف.
• nowrap: تدمج المسافات وتمنع الالتفاف التلقائي، لكنها لا تلغي <br> أو كل فصل إجباري.
• pre: تحفظ المسافات وفواصل المصدر، وتمنع الالتفاف التلقائي.
• pre-line: تدمج المسافات المتتابعة وتحفظ فواصل الأسطر وتسمح بالالتفاف.
• pre-wrap: تحفظ المسافات وفواصل الأسطر وتسمح بالالتفاف.

هذه قيم شائعة؛ توسع الصيغة الحديثة الخيارات، مثل break-spaces، خارج الأمثلة الأساسية هنا.

white-space syntax

طريقة كتابة خاصية white-space في لغة CSS.

white-space values

قيم شائعة لخاصية white-space.

تدمج white-space: normal المسافات المتتابعة وفواصل الأسطر في المصدر، وتسمح بالتفاف النص حسب مساحة السطر. تظل عناصر <br> فواصل إجبارية.

CSS white space with normal

خاصية white-space مع القيمة normal في لغة CSS.

تمنع white-space: nowrap الالتفاف التلقائي وتدمج المسافات المتتابعة. قد يفيض النص خارج العنصر إذا ضاقت المساحة، لكن <br> يظل فاصلًا إجباريًا.

CSS white space with nowrap

خاصية white-space مع القيمة nowrap في لغة CSS.

تحفظ white-space: pre المسافات وفواصل الأسطر الموجودة في المصدر كما تفعل القيمة الافتراضية لعنصر pre، ولا تلتف الأسطر تلقائيًا عند ضيق المساحة.

CSS white space with pre

قيمة المثال هي pre، وليست nowrap أوpre-wrap.

تحفظ white-space: pre-line فواصل الأسطر الموجودة في المصدر، لكنها تدمج المسافات المتتابعة، وتسمح أيضًا بالالتفاف التلقائي عند ضيق السطر.

CSS white space with pre line

خاصية white-space مع القيمة pre line في لغة CSS.

CSS white space with pre wrap

خاصية white-space مع القيمة pre wrap في لغة CSS.