overflow

מגדיר כיצד תוכן החורג מגבולות האלמנט יתנהג.



מה זה overflow?

המאפיין overflow ב-CSS מגדיר מה קורה כאשר התוכן חורג מגבולות האלמנט. הערכים האפשריים כוללים:

  • visible - התוכן שחרוג מגבולות האלמנט יוצג מחוץ לו.
  • hidden - התוכן החורג יוסתר ולא יוצג.
  • scroll - תוסף גלילה יופיע אם התוכן חורג מגבולות האלמנט.
  • auto - יתווסף גלילה רק אם התוכן חורג מגבולות האלמנט.

שימוש במאפיין overflow

באמצעות overflow ניתן לשלוט כיצד התוכן יוצג כאשר הוא חורג מגבולות האלמנט.

דוגמה לשימוש ב-overflow

להלן דוגמה לשימוש במאפיין overflow:

תוכן רב מאוד בתוך אלמנט עם overflow: scroll

שימושים מתקדמים

באמצעות overflow ניתן לשלוט על אופן הצגת התוכן החורג מגבולות האלמנט.

אפשר להגדיר את זה לדוגמה כך

    
          <div style="width: 100px; height: 100px; overflow: scroll; background-color: lightblue;">
            תוכן רב מאוד בתוך אלמנט עם overflow: scroll
          </div>
        
    

עוד בקטגוריה Display & Visibility (תצוגה ונראות)

תגובות

רק רגע

שיתוף