מה זה width?

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

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

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

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

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

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

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

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

    <div style="width: 300px; height: 100px; border: 2px solid black; background: lightyellow;">
                    תוכן
                  </div>