CSS border-top attribute

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

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

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

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

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

Εκμάθηση CSS:CSS περιθώρια

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

Παράδειγμα

Ρύθμιση του τύπου του επάνω περιθωρίου:

p
  {
  border-style:solid;
  border-top:thick double #ff0000;
  }

Προσπαθήστε το個人τικά

Γλώσσα CSS

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

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

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

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

Προεπιλεγμένη τιμή: not specified
Εγκατάληψη: no
Έκδοση: CSS1
Γλώσσα JavaScript: object.style.borderTop="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".