Υπερχείλιση Μπλοκ στο CSS

overflow overflow-x overflow-y

Δημιουργήστε ένα div με πλάτος και ύψος 200px. Προσθέστε σε αυτό ένα μακρύ κείμενο που δεν θα χωράει σε ύψος σε αυτό το μπλοκ. Ελέγξτε ότι το κείμενο θα βγει από το κάτω μέρος του μπλοκ.

Τροποποιήστε την προηγούμενη εργασία έτσι ώστε στο div, όταν το κείμενο ξεχειλίζει σε ύψος, να εμφανίζεται μια κάθετη γραμμή κύλισης.

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

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

Δημιουργήστε ένα div με πλάτος και ύψος 300px. Προσθέστε στο div μας μια εικόνα, που θα είναι μεγαλύτερη από το div σε πλάτος και σε ύψος. Ελέγξτε ότι η εικόνα θα βγαίνει έξω από τα όρια του div.

Τροποποιήστε την προηγούμενη εργασία έτσι ώστε όταν η εικόνα ξεχειλίζει, να εμφανίζονται γραμμές κύλισης.

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

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

Δημιουργήστε ένα div με πλάτος και ύψος 150px. Ρυθμίστε το έτσι ώστε ανεξάρτητα από το περιεχόμενο του div, να υπάρχει πάντα μια κάθετη γραμμή κύλισης.