Ιδιότητα style border

Δεφινοησία και χρήση

border Οι ιδιότητες ρυθμίζονται ή επιστρέφονται με σύντομο τύπο όσο το δυνατόν περισσότερες από τρεις ξεχωριστές ιδιότητες περιβλήματος.

Με αυτή την ιδιότητα μπορείτε να ρυθμίσετε/επιστρέψετε ένα ή περισσότερα από τα παρακάτω (συμκεκαλυμμένα σε οποιαδήποτε σειρά):

Επίσης δείτε:

Εκμάθηση CSS:Κύφος CSS

Κατανοητικός οδηγός CSS:Ιδιότητα border

Παράδειγμα

Παράδειγμα 1

Προσθήκη περιβλήματος στο στοιχείο <div>:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

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

Παράδειγμα 2

Αλλαγή του πλάτους, του στυλ και του χρώματος του περιβλήματος του στοιχείου <div>:

document.getElementById("myDiv").style.border = "thin dotted red";

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

Παράδειγμα 3

Επιστροφή της τιμής της ιδιότητας border του στοιχείου <div>:

alert(document.getElementById("myDiv").style.border);

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

Γραμματικός τύπος

Επιστροφή της ιδιότητας border:

object.style.border

Ρύθμιση της ιδιότητας border:

object.style.border = "width style color|initial|inherit"

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

Τιμή Περιγραφή
width Ρύθμιση του πλάτους του περιβλήματος
style Ρύθμιση του στυλ του περιβλήματος
color Ρύθμιση του χρώματος του περιβλήματος
initial Αναθέστε αυτή την ιδιότητα στη προεπιλεγμένη της τιμή. Δείτε initial.
inherit Κληρονομείται αυτή η ιδιότητα από το γονικό στοιχείο. Δείτε inherit.

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

Προεπιλεγμένη τιμή: Δεν καθορίζεται.
Αποτελεσματική τιμή: Συνημμένο字符串 που δείχνει το πλάτος, το στυλ και/ή το χρώμα του περιβλήματος του στοιχείου.
Έκδοση CSS: CSS1

Υποστήριξη περιηγητή

border Είναι χαρακτηριστικό CSS1 (1996).

Όλοι οι περιηγητές το υποστηρίζουν πλήρως:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη