logo

כיצד לעטוף טקסט ב-CSS?

CSS עטיפת מילה מאפיין משמש כדי לשבור את המילים הארוכות ולעבור לשורה הבאה. מאפיין זה משמש למניעת הצפה כאשר מחרוזת בלתי שבירה ארוכה מכדי להכנס לקופסה המכילה.

מאפיין זה מגדיר את ההפסקות במילה כדי להימנע מהצפת כאשר מילה ארוכה מכדי להתאים למיכל. הוא מציין את שבירת המילים כאשר התוכן חורג מהגבול של המיכל.

תחביר

 word-wrap: normal | break-word | initial l inherit ; 

ערכים

נוֹרמָלִי: זהו ערך ברירת המחדל המשמש לשבירת מילים רק בנקודות הפסקה המותרות.

מילה שבירה: הוא משמש כדי לשבור את המילים הבלתי ניתנות לשבירה.

התחלתי: הוא משמש להגדרת המאפיין לערך ברירת המחדל שלו.

לָרֶשֶׁת: הוא יורש את הנכס מאלמנט האב שלו.

דוגמא

 .test { width: 200px; background-color: lightblue; border: 2px solid black; padding: 10px; font-size: 20px; } .test1 { width: 11em; background-color: lightblue; border: 2px solid black; padding: 10px; word-wrap: break-word; font-size: 20px; } <p> In this paragraph, there is a very long word: iamsooooooooooooooooooooooooooooooolongggggggggggggggg. The long word will break and wrap to the next line. </p> 
בדוק את זה עכשיו

תְפוּקָה

כיצד לעטוף טקסט ב-CSS