CSS overflow-y ιδιότητα
- προηγούμενη σελίδα overflow-x
- επόμενη σελίδα overscroll-behavior
Ορισμός και χρήση
Η ιδιότητα overflow-y καθορίζει αν πρέπει να αποκοπεί το περιεχόμενο των ανω/κάτω περιθωρίων - αν το περιεχόμενο υπερβαίνει την περιοχή του στοιχείου.
Συμβουλή:Χρήση overflow-x Χρησιμοποιήστε το χαρακτηριστικό για να καθορίσετε την αποκοπή των αριστερού/δεξιού περιθωρίου.
Εκμάθηση CSS:Προβλέψεις CSS
Εγχειρίδιο HTML DOM:Ενότητα overflowY
Παράδειγμα
Αποκοπή του αριστερού/δεξιού περιθωρίου του περιεχομένου του στοιχείου div - αν το περιεχόμενο υπερβαίνει την περιοχή του στοιχείου:
div { overflow-y:hidden; }
Γλώσσα CSS
overflow-y: visible|hidden|scroll|auto|no-display|no-content;
Τιμή χαρακτηριστικού
Τιμή | Περιγραφή | Δοκιμή |
---|---|---|
ορατό | Δεν αποκόπτετε το περιεχόμενο, μπορεί να εμφανιστεί εκτός του πλαίσιο περιεχομένου. | Δοκιμή |
hidden | Αποκοπή περιεχομένου - Δεν παρέχετε μηχανισμό κύλισης. | Δοκιμή |
scroll | Αποκοπή περιεχομένου - Παρέχετε μηχανισμό κύλισης. | Δοκιμή |
auto | Αν υπάρχει υπερπλεόκυρη περιοχή, πρέπει να παρέχεται μηχανισμός κύλισης. | Δοκιμή |
no-display | Αν το περιεχόμενο δεν ταιριάζει στο πλαίσιο περιεχομένου, διαγράψτε το ολόκληρο το πλαίσιο. | Δοκιμή |
no-content | Αν το περιεχόμενο δεν ταιριάζει στο πλαίσιο περιεχομένου, κρύψτε το ολόκληρο το περιεχόμενο. | Δοκιμή |
Τεχνικές λεπτομέρειες
Προεπιλεγμένη τιμή: | ορατό |
---|---|
Κληρονομικότητα: | όχι |
Έκδοση: | CSS3 |
Γλώσσα JavaScript: | object.style.overflowY="scroll" |
Υποστήριξη του προγράμματος περιήγησης
Οι αριθμοί στην τаблицη σηματοδοτούν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.
Τα αριθμοί με -ms- δείχνουν την πρώτη έκδοση που χρησιμοποιεί το πρόθεμα.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
4.0 | 9.0 8.0 -ms- |
1.5 | 3.0 | 9.5 |
- προηγούμενη σελίδα overflow-x
- επόμενη σελίδα overscroll-behavior