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

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

Σύνταξη

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

Παράδειγμα

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

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

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

Δείτε επίσης

η ιδιότητα border-bottom-style,
που ορίζει τον τύπο του κάτω border
η ιδιότητα border-bottom-width,
που ορίζει το πάχος του κάτω border
η ιδιότητα border-bottom,
που ορίζει το border για την κάτω πλευρά
η ιδιότητα border-width,
που ορίζει το πάχος όλων των πλευρών του border