מה זה height?

המאפיין height ב-CSS קובע את גובה האלמנט. ניתן להגדיר אותו בערכים קבועים כמו פיקסלים (px), אחוזים (%) או יחידות אחרות. גובה האלמנט לא כולל את הריפוד, הגבולות וה-margin.

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

באמצעות height ניתן לשלוט על גובה האלמנט בצורה מדויקת, וליצור פריסות גמישות או קבועות בהתאם לצורך.

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

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

בדוגמה זו, גובה האלמנט מוגדר ל-150 פיקסלים.

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

באמצעות height ניתן לשלב עם מאפיינים כמו max-height ו-min-height כדי לשלוט בגובה המינימלי והמקסימלי של האלמנט, וליצור עיצובים רגישים או גמישים.

    <div style="width: 200px; height: 150px; border: 2px solid black; background: lightpink;">
                    תוכן
                  </div>