CSS overflow-y ιδιότητα

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

Η ιδιότητα 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