מה זה border-style?

המאפיין border-style ב-CSS קובע את סוג הגבול של אלמנט. הערכים האפשריים כוללים 'solid' (קו רציף), 'dashed' (קו מקוטע), 'dotted' (קו מנוקד), 'double' (קו כפול) ו-'none' (ללא גבול).

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

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

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

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

בדוגמה זו, הגבול הוא קו מקוטע בצבע אדום.

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

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

    <div style="border-width: 2px; border-style: dashed; border-color: red; width: 100px; height: 100px;"></div>