מה זה border-width?

המאפיין border-width ב-CSS קובע את רוחב הגבול של אלמנט. ניתן לקבוע את הרוחב ב-pixels (px), ems או אחוזים. הערכים יכולים להיות אחידים לכל הצדדים או שונים לכל צד בנפרד.

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

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

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

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

בדוגמה זו, הגבול הוא ברוחב 5 פיקסלים ובצבע כחול.

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

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

    <div style="border-width: 5px; border-style: solid; border-color: blue; width: 100px; height: 100px;"></div>