Bloko perpildymas CSS

overflowoverflow-xoverflow-y
Задание 1

Sukurkite div bloką, kurio plotis ir aukštis yra 200px. Įdėkite į jį ilgą tekstą, kuris netilptų į šį bloką pagal aukštį. Patikrinkite, kad tekstas išeis už bloko apatinės dalies ribų.

Задание 2

Modifikuokite ankstesnę užduotį taip, kad div bloke, kai tekstas peržengia aukštį, atsirastų vertikali slinkimo juosta.

Задание 3

Modifikuokite ankstesnę užduotį taip, kad tekstas, išeinantis už vertikalių ribų, būtų apkarpomas.

Задание 4

Modifikuokite ankstesnę užduotį taip, kad užvedus pelės žymeklį ant div bloko, div bloko aukštis taptų pakankamai didelis, kad į šį div bloką tilptų visas tekstas.

Задание 5

Sukurkite div bloką, kurio plotis ir aukštis yra 300px. Įdėkite į mūsų div bloką paveikslėlį, kuris bus didesnis už div bloką ir pagal plotį, ir pagal aukštį. Patikrinkite, kad paveikslėlis išsisprūs už div bloko ribų.

Задание 6

Modifikuokite ankstesnę užduotį taip, kad kai paveikslėlis išeina už ribų, atsirastų slinkimo juostos.

Задание 7

Modifikuokite ankstesnę užduotį taip, kad dalys paveikslėlio, išeinančios už ribų, būtų apkarpomos.

Задание 8

Modifikuokite ankstesnę užduotį taip, kad paveikslėlio dalys, išeinančios už ribų, būtų apkarpomos horizontaliai, o vertikaliai atsirastų slinkimo juosta.

Задание 9

Sukurkite div bloką, kurio plotis ir aukštis yra 150px. Sutvarkykite taip, kad nepriklausomai nuo div bloko turinio jame visada būtų vertikali slinkimo juosta.