Ιδιότητα style outline

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

outline Ιδιότητα που ρυθμίζει ή επιστρέφει όλες τις ιδιότητες της οριογραμμής με συντομευμένη μορφή.

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

Η οριογραμμή είναι μια γραμμή γύρω από το στοιχείο. Εμφανίζεται γύρω από την περιθωρία του στοιχείου. Αλλά, είναι διαφορετική από Ιδιότητα border Διαφορετική.

Η οριογραμμή δεν είναι μέρος του μεγέθους του στοιχείου, οπότε τα χαρακτηριστικά πλάτους και ύψους του στοιχείου δεν περιλαμβάνουν το πλάτος της οριογραμμής.

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

Εκμάθηση CSS:CSS Kontour

Χειροκίνητο εγχειρίδιο CSS:Ιδιότητα outline

Παράδειγμα

Παράδειγμα 1

Προσθήκη ορίου γύρω από το στοιχείο <div>:

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

Προσπαθήστε το شخصικά

Παράδειγμα 2

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

document.getElementById("myDiv").style.outline = "5px dotted green";

Προσπαθήστε το شخصικά

Παράδειγμα 3

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

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

Προσπαθήστε το شخصικά

Γραμματική

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

object.style.outline

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

object.style.outline = "πλάτος στυλ χρώμα|initial|inherit"

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

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

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

Προεπιλεγμένη τιμή: medium none invert
Αποτελεσματική τιμή: 字符串 που εκφράζει το πλάτος, το στυλ και/ή το χρώμα της ορίου του στοιχείου.
Εκδοχή CSS: CSS2

υποστήριξη περιηγητών

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