The CSS Propertie white-space

מאפיין הקיצור white-space שולט באופן שבו תווי רווח (whitespace) ושבירות שורה מטופלים בטקסט — האם להציג רווחים כפולים, אם לאפשר שבירת שורה אוטומטית, ואם לכבד שורות חדשות במקור.

.code { white-space: pre; }

.chat-msg { white-space: pre-wrap; }

normalערך ברירת המחדל. מתמזגים רווחים רצופים, שורות חדשות מטופלות כרווח, שבירת שורות אוטומטית מותרת.

preכמו

 ב-HTML — שומר רווחים ושורות חדשות מהמקור, ללא שבירת שורות אוטומטית.nowrapרווחים מתמזגים, אך אין שבירת שורה (יוצר overflow אם הטקסט ארוך).pre-wrapשומר רווחים ושורות חדשות, ומאפשר שבירת שורה אוטומטית.pre-lineרווחים מתמזגים, שורות חדשות נשמרות, שבירת שורה מותרת.break-spacesכמו pre-wrap, אך רווחים סופיים בשורה יכולים לגרום לשבירת שורה לתחילת השורה הבאה.noneמ-white-space-collapse: כל הרווחים וגרפי הרווח מוסרים לחלוטין.discard-beforeמ-white-space-collapse: מסיר רווחים לפני כל שבירת שורה.discard-afterמ-white-space-collapse: מסיר רווחים אחרי כל שבירת שורה.discard-innerמ-white-space-collapse: מסיר רווחים פנימיים (לא בקצוות השורה).wrapמ-text-wrap: מאפשר שבירת שורה אוטומטית (ברירת מחדל).

CSS Text Module Level 4

Editor's Draft


W3CMDN



















In the beginning God created the heavens and the earth.
Now the earth was formless and empty, darkness was over the surface of the deep, and the Spirit of God was hovering over the waters.
And God said, “Let there be light,” and there was light. 




Show all code







ערוך CSS און-ליין
התוסף שזוכר עבורך מאות פריטי CSS
כל פרופרטי CSS — בהדגמה חיה
מקור הייחוס הדו-לשוני ל-CSS




הגדרהדוגמאותתחבירמודולמפרטמקורות מידעהדגמה חזותית


previousnext