Ιδιότητα στυλ outlineStyle

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

outlineStyle Η ρύθμιση ή η επιστροφή των ιδιοτήτων του περιγράμματος γύρω από το στοιχείο.

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

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

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

Εκμάθηση CSS:CSS Κάθετος

Εγχειρίδιο CSS:outline-style ιδιότητα

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

Παράδειγμα

Παράδειγμα 1

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

document.getElementById("myDiv").style.outlineStyle = "solid";

Προσωπική δοκιμή

Παράδειγμα 2

Αλλαγή του στυλ προφίλ του στοιχείου <div>:

document.getElementById("myDiv").style.outlineStyle = "solid";

Προσωπική δοκιμή

Παράδειγμα 3

Επιστροφή του στυλ προφίλ του στοιχείου <div>:

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

Προσωπική δοκιμή

Παράδειγμα 4

Παρουσίαση όλων των διαφορετικών τιμών:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;

Προσωπική δοκιμή

Δοκιμάστε το προσωπικά

Γραμματική

Ρύθμιση της ιδιότητας outlineStyle:Επιστροφή της ιδιότητας outlineStyle:

.style.outlineStyle

Ρύθμιση της ιδιότητας outlineStyle:object .style.outlineStyle =

value

Τιμή ιδιότητας Τιμή
none Περιγραφή
Προεπιλεγμένο. Ορίζει το προφίλ χωρίς προφίλ. hidden
Το προφίλ κλείνει. dotted
Ορίζει το προφίλ σημείο γραμμής. dashed
Ορίζει το προφίλ κενό γραμμής. solid
Ορίζει το προφίλ ολόκληρης γραμμής. double Ορίζει το προφίλ διπλής γραμμής. Το πλάτος της διπλής γραμμής είναι ίσο με outline-width
τιμές. Ορίζει την 3D εξωτερική προφίλ. Ορίζει την 3D εξωτερική προφίλ. Το αποτέλεσμα εξαρτάται από outline-color τιμές.
ridge Ορίζει την 3D ένθετη προφίλ. Ορίζει την 3D ένθετη προφίλ. Το αποτέλεσμα εξαρτάται από outline-color τιμές.
inset Ορίζει την 3D εξωτερική προφίλ. Το αποτέλεσμα εξαρτάται από outline-color τιμές.
outset Ορίζει την 3D ένθετη προφίλ. Το αποτέλεσμα εξαρτάται από outline-color τιμές.
initial Επιτρέπει τη ρύθμιση αυτής της ιδιότητας στη προεπιλεγμένη της τιμή. Δείτε επίσης initial.
inherit Επιτρέπει την κληρονομιά αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε επίσης inherit.

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

Προεπιλεγμένη τιμή: none
Αποτελεσματική τιμή: Σtring, που εκφράζει τον στυλ προφίλ του στοιχείου.
Έκδοση CSS: CSS2

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

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