CSS border-bottom ιδιότητα

Ορισμός και χρήση

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

Μπορείτε να ρυθμίσετε τα εξής χαρακτηριστικά σε σειρά:

Αν δεν οριστεί κάποια τιμή, δεν θα προκαλέσει πρόβλημα, π.χ. border-bottom:solid #ff0000; είναι επιτρεπόμενο.

Δείτε επίσης:

Εκμάθηση CSSCSS όρια

Εγχειρίδιο HTML DOMΙδιότητα borderBottom

Παράδειγμα

Ρυθμίστε τον τύπο του κάτω περιγράμματος:

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

Προσπαθήστε να το δοκιμάσετε προσωπικά

Γλώσσα CSS

border-bottom: border-width border-style border-color|initial|inherit;

Τιμή ιδιότητας

Τιμή Περιγραφή
border-bottom-width Προσδιορίζει το πλάτος του κάτω περιγράμματος. Δείτε:border-bottom-width πιθανές τιμές.
border-bottom-style Προσδιορίζει τον τύπο του κάτω περιγράμματος. Δείτε:border-bottom-style πιθανές τιμές.
border-bottom-color Προσδιορίζει τον χρωματισμό του κάτω περιγράμματος. Δείτε:border-bottom-color πιθανές τιμές.
inherit Προσδιορίζει ότι η ιδιότητα border-bottom πρέπει να κληρονομηθεί από το γονικό στοιχείο.

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: not specified
Αντιληπσιμότητα: no
Έκδοση: CSS1
Γλώσσα γραφής JavaScript: object.style.borderBottom="3px solid blue"

Περισσότερες παραδείξεις

Όλες οι ιδιότητες του κάτω περιγράμματος σε μια δήλωση
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσουμε τη συντομευμένη ιδιότητα για να ρυθμίσουμε όλες τις ιδιότητες του κάτω περιγράμματος σε μια μόνο δήλωση.

Υποστήριξη προγράμματος περιήγησης

Τα αριθμήματα στη τάβλη επισημαίνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Αναγνωριστικά:Οι προηγούμενες εκδόσεις του IE7 και παλιότερες δεν υποστηρίζουν τη τιμή "inherit". Το IE8 χρειάζεται !DOCTYPE. Το IE9 υποστηρίζει "inherit".