CSS outline-color 属性

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

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

Σημείωση:Να δηλώνετε πάντα την ιδιότητα outline-style πριν από την ιδιότητα outline-color. Το στοιχείο πρέπει να έχει κύρια γραμμή προτού μπορείτε να αλλάξετε το χρώμα της κύριας γραμμής.

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

Η ιδιότητα outline-color ρυθμίζει το χρώμα της ολοκληρωμένης κύριας γραμμής ενός στοιχείου. Να θυμάστε ότι η μορφή της κύριας γραμμής δεν μπορεί να είναι none, αλλιώς η κύρια γραμμή δεν θα εμφανιστεί.

Για περισσότερες πληροφορίες:

Εκμάθηση CSS:CSS Περίγραμμα

Εγχειρίδιο αναφοράς CSS:Ιδιότητα outline

Εγχειρίδιο αναφοράς HTML DOM:Ιδιότητα outlineColor

Παράδειγμα

Ρύθμιση του χρώματος της κύριας γραμμής της δακτυλικής γραμμής:

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

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

Γλώσσα γραμματοσειράς CSS

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

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

Τιμή Περιγραφή
color_name Ρυθμίζει το χρώμα της κύριας γραμμής με τη χρήση του ονόματος του χρώματος (π.χ. red).
hex_number Ρυθμίζει το χρώμα της κύριας γραμμής με τη χρήση της δεκαεξαδικής τιμής (π.χ. #ff0000).
rgb_number Ρυθμίζει το χρώμα της κύριας γραμμής με τη χρήση του κώδικα rgb (π.χ. rgb(255,0,0)).
invert Προεπιλεγμένο. Εκτελεί την αντίστροφη χρωματική αναστροφή (αντίστροφες χρωματικές τιμές). Εξασφαλίζει ότι η κύρια γραμμή είναι ορατή σε διαφορετικά χρώματα υποβάθρου.
inherit Πρέπει να κληρονομηθεί η ρύθμιση του χρώματος της κύριας γραμμής από το γονικό στοιχείο.

Τεχνικά στοιχεία

Προεπιλεγμένο: invert
Αντιληπσιμότητα: no
Έκδοση: CSS2
Γλώσσα γραμματοσειράς JavaScript: object.style.outlineColor="#0000FF"

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

Ρύθμιση του χρώματος της κύριας γραμμής
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε τον χρώμα της κύριας γραμμής.

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

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

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

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