מה זה border-color?

המאפיין border-color ב-CSS קובע את צבע הגבול של אלמנט. ניתן להשתמש בצבעים בשמות (כגון 'red'), בקודים הקסדצימליים (כגון '#ff0000') או בצבעים RGB/HSLA.

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

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

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

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

בדוגמה זו, הגבול הוא בצבע ירוק.

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

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

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