CSS outline ιδιότητα

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

Η γραμμή προφίλ είναι μια γραμμή που ζωγραφίζεται γύρω από το στοιχείο, βρίσκεται στο εξωτερικό των άκρων του πλαισίου, και μπορεί να λειτουργήσει ως προφίλ του στοιχείου.

Σημείωση:Η γραμμή προφίλ δεν καταλαμβάνει χώρο και δεν είναι απαραίτητα τετράγωνη.

Η σύντομη ιδιότητα outline ρυθμίζει όλες τις ιδιότητες του προφίλ σε μια διατύπωση.

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

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

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

Εκμάθηση CSSΠεριγραφή του CSS

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

Παράδειγμα

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

p
  {
  outline:#00FF00 dotted thick;
  }

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

Γλώσσα σύνταξης CSS

outline: outline-width outline-style χρώμα περιγράμματος|initial|inherit;

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

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

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

Προεπιλεγμένη τιμή: invert none medium
Κληρονομικότητα: no
Έκδοση: CSS2
Γλώσσα σύνταξης JavaScript: object.style.outline="#0000FF dotted thin"

Παράδειγμα TIY

Ζωγραφίστε γραμμή γύρω από το στοιχείο
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιηθεί η ιδιότητα outline για να ζωγραφίσει μια γραμμή γύρω από το στοιχείο.

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Σημείωση:Αν οριστεί το !DOCTYPE, το IE8 υποστηρίζει την ιδιότητα outline.