Ιδιότητα border-bottom-color

Η ιδιότητα border-bottom-color ορίζει το χρώμα του κάτω border. Ως τιμή της ιδιότητας μπορούν να χρησιμοποιηθούν οποιεσδήποτε μονάδες για χρώμα. Προεπιλεγμένη τιμή: το ίδιο χρώμα με αυτό του κειμένου του block.

Σύνταξη

cssεπιλογέας {
  border-bottom-color: χρώμα;
}

Παράδειγμα

Ας ορίσουμε κάτω border με κόκκινο χρώμα:

html<div id="elem"></div>

css#elem {
  border-bottom-color: red;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат:

Δείτε επίσης