CSS προθέμα ορατότητας

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

Η ιδιότητα visibility καθορίζει αν το στοιχείο είναι ορατό.

Συμβουλή:Αν και τα μη ορατά στοιχεία καταλαμβάνουν χώρο στη σελίδα, μπορείτε να χρησιμοποιήσετε την ιδιότητα display για να δημιουργήσετε μη ορατά στοιχεία που δεν καταλαμβάνουν χώρο στη σελίδα.

Σημείωση

Αυτή η ιδιότητα καθορίζει αν θα εμφανιστεί ή όχι το πλαίσιο που δημιουργείται από το στοιχείο. Αυτό σημαίνει ότι το στοιχείο εξακολουθεί να καταλαμβάνει τον αρχικό του χώρο, αλλά μπορεί να είναι πλήρως μη ορατό. Η τιμή collapse χρησιμοποιείται στην τάβλη για να αφαιρέσει στήλες ή γραμμές από τη διάταξη της τάβλης.

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

Εκμάθηση CSSΘέση CSS

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

Παράδειγμα

Κάντε το στοιχείο h2 μη ορατό:

h2
  {
  visibility:hidden;
  }

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

Γλώσσα CSS

visibility: visible|hidden|collapse|initial|inherit;

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

Τιμή Περιγραφή
visible Προεπιλεγμένη τιμή. Το στοιχείο είναι ορατό.
hidden Το στοιχείο είναι μη ορατό.
collapse Όταν χρησιμοποιείται σε στοιχεία τάβλης, αυτή η τιμή μπορεί να διαγράψει μια γραμμή ή μια στήλη, αλλά δεν επηρεάζει τη διάταξη της τάβλης. Το χώρος που καταλαμβάνεται από τη γραμμή ή τη στήλη θα αφήσει χώρο για άλλες περιεχόμενες. Αν αυτή η τιμή χρησιμοποιηθεί σε άλλα στοιχεία, θα εμφανιστεί ως "hidden".
inherit Καθορίζει ότι η ιδιότητα visibility πρέπει να κληρονομηθεί από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: visible
Κληρονομικότητα: yes
Έκδοση: CSS2
Γλώσσα JavaScript: object.style.visibility="hidden"

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

Πώς να κάνετε ένα στοιχείο να μην είναι ορατό
Αυτό το παράδειγμα δείχνει πώς να κάνετε ένα στοιχείο να μην είναι ορατό. Θέλετε το στοιχείο να είναι ορατό ή όχι;
Θέστε τα στοιχεία της τάβλης σε κατάσταση collapse
Αυτό το παράδειγμα δείχνει πώς να κάνετε τα στοιχεία της τάβλης να εμφανίζονται πάνω από άλλα.

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0