CSS overflow ιδιότητα

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

overflow Η ιδιότητα καθορίζει τι θα συμβεί όταν το περιεχόμενο ξεπεράσει το πλαίσιο του στοιχείου.

Σημείωση

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

Δείτε επίσης:

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

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

Παράδειγμα

Ρύθμιση της ιδιότητας overflow:

div
  {
  width:150px;
  height:150px;
  overflow:scroll;
  }

Προσπαθήστε το μόνοι σας

Γλώσσα γραφής CSS

overflow: visible|hidden|clip|scroll|auto|initial|inherit;

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

Τιμή Περιγραφή
visible Προεπιλεγμένη τιμή. Το περιεχόμενο δεν θα κόβεται και θα εμφανίζεται έξω από το πλαίσιο του στοιχείου.
hidden Το περιεχόμενο θα κόβεται και το υπόλοιπο περιεχόμενο θα είναι μη ορατό.
scroll Το περιεχόμενο θα κόβεται, αλλά το πρόγραμμα περιήγησης θα εμφανίσει τη γραμμή κύλισης για να δείξει το υπόλοιπο περιεχόμενο.
auto Αν το περιεχόμενο κόβεται, το πρόγραμμα περιήγησης θα εμφανίσει τη γραμμή κύλισης για να δείξει το υπόλοιπο περιεχόμενο.
inherit Καθορίζει ότι η τιμή της ιδιότητας overflow πρέπει να αποκτηθεί από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: visible
Εναπόληψη: no
Έκδοση: CSS2
Γλώσσα γραφής JavaScript: object.style.overflow="scroll"

Περισσότερα παραδείγματα

Πώς να χρησιμοποιήσετε τη γραμμή κύλισης για να εμφανίσετε το περιεχόμενο που υπερβαίνει στο στοιχείο
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε την ιδιότητα overflow για να καθορίσετε την αντίστοιχη ενέργεια όταν το περιεχόμενο του στοιχείου είναι πολύ μεγάλο και ξεπερνά την καθορισμένη περιοχή.
Πώς να κρύψετε το περιεχόμενο που υπερβαίνει την υπερβολή στο στοιχείο που υπερβαίνει
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε την ιδιότητα overflow για να κρύψετε το περιεχόμενο όταν το περιεχόμενο του στοιχείου είναι πολύ μεγάλο για να προσαρμοστεί στην καθορισμένη περιοχή.
Πώς να ρυθμίσετε το πρόγραμμα περιήγησης να χειρίζεται αυτόματα την υπερβολή
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε το πρόγραμμα περιήγησης να χειρίζεται αυτόματα την υπερβολή.

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

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

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