המאפיין width
ב-CSS קובע את רוחב האלמנט. ניתן להגדיר אותו בערכים קבועים כמו פיקסלים (px), אחוזים (%) או יחידות אחרות. רוחב האלמנט לא כולל את הריפוד, הגבולות וה-margin.
באמצעות width
ניתן לשלוט על רוחב האלמנט בצורה מדויקת, וליצור פריסות גמישות או קבועות בהתאם לצורך.
להלן דוגמה לשימוש במאפיין width
:
בדוגמה זו, רוחב האלמנט מוגדר ל-300 פיקסלים.
באמצעות width
ניתן לשלב עם מאפיינים כמו max-width
ו-min-width
כדי לשלוט ברוחב המינימלי והמקסימלי של האלמנט, וליצור עיצובים רגישים או גמישים.
<div style="width: 300px; height: 100px; border: 2px solid black; background: lightyellow;">
תוכן
</div>
רק רגע