Ιδιότητα display
Η ιδιότητα display - ορίζει τον τρόπο εμφάνισης
ενός στοιχείου από το πρόγραμμα περιήγησης.
Σύνταξη
επιλογέας {
display: τιμή;
}
Τιμές
| Τιμή | Περιγραφή |
|---|---|
block |
Στοιχείο μπλοκ. |
inline |
Ενσωματωμένο στοιχείο. |
inline-block |
Ενσωματωμένο-μπλοκ στοιχείο. |
list-item |
Το στοιχείο θα γίνει αντικείμενο λίστας και μπροστά από αυτό θα εμφανιστεί μαρκαδόρος λίστας. |
flex |
Ορίζει το στοιχείο ως μπλοκ, και τα παιδιά του θα γίνουν flex στοιχεία. |
inline-flex |
Ορίζει το στοιχείο ως ενσωματωμένο-μπλοκ, και τα παιδιά του θα γίνουν flex στοιχεία. |
grid |
Δημιουργεί στοιχείο-πλέγμα. |
none |
Το στοιχείο θα εξαφανιστεί εντελώς και όλα τα άλλα στοιχεία θα συμπεριφέρονται σαν να μην υπάρχει αυτό το στοιχείο. |
table |
Το στοιχείο θα συμπεριφέρεται σαν πίνακας. |
table-cell |
Το στοιχείο θα συμπεριφέρεται σαν κελί πίνακα. |
inline-table |
Το στοιχείο θα συμπεριφέρεται σαν πίνακας, αλλά ο πίνακας είναι ενσωματωμένο στοιχείο και συμβαίνει η αναδίπλωση γύρω από αυτόν από άλλα στοιχεία, για παράδειγμα, κείμενο. |
table-caption |
Το στοιχείο θα συμπεριφέρεται σαν την ετικέτα caption. |
table-column |
Το στοιχείο θα συμπεριφέρεται σαν στήλη πίνακα. |
table-row |
Το στοιχείο θα συμπεριφέρεται σαν σειρά πίνακα. |
table-column-group |
Το στοιχείο θα συμπεριφέρεται σαν την ετικέτα colgroup. |
table-footer-group |
Το στοιχείο θα συμπεριφέρεται σαν την ετικέτα tfoot. |
table-header-group |
Το στοιχείο θα συμπεριφέρεται σαν την ετικέτα thead. |
table-row-group |
Το στοιχείο θα συμπεριφέρεται σαν την ετικέτα tbody. |
run-in |
Ορίζει το στοιχείο ως μπλοκ ή ενσωματωμένο ανάλογα με το πλαίσιο. |
Από προεπιλογή, τα στοιχεία μπορεί να έχουν διάφορες
τιμές display.