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

Η ιδιότητα border-bottom-style ορίζει το στυλ του κάτω περιγράμματος. Οι τιμές της ιδιότητας είναι οι ίδιες με αυτές της ιδιότητας border-style.

Σύνταξη

cssεπιλογέας {
  border-bottom-style: τιμή;
}

Παράδειγμα

Θα ορίσουμε κάτω περίγραμμα τύπου dashed:

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

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

Результат:

Δείτε επίσης

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