CSS-те блоктің толып кетуі

Задание 1

Ені мен биіктігі 200px болатын div жасаңыз. Оған осы блоктың биіктігіне сыймайтын ұзын мәтін қосыңыз. Мәтіннің блоктың төменгі жағынан шығып кеткенін тексеріңіз.

Задание 2

Алдыңғы тапсырманы мәтін биіктіктен шыққан кезде div-те тік жүгіру жолағы пайда болатындай етіп өзгертіңіз.

Задание 3

Алдыңғы тапсырманы тік бағытта шығып жатқан мәтін қиылып көрінбейтін етіп өзгертіңіз.

Задание 4

Алдыңғы тапсырманы тінтуірді div-тің үстіне апарғанда div-тің биіктігі барлық мәтін сыйатындай үлкейетін етіп өзгертіңіз.

Задание 5

Ені мен биіктігі 300px болатын div жасаңыз. Біздің div-ке ені мен биіктігі бойынша div-тен үлкен сурет қосыңыз. Суреттің div шекарасынан шығып кеткенін тексеріңіз.

Задание 6

Алдыңғы тапсырманы сурет шыққан кезде жүгіру жолақтары пайда болатындай етіп өзгертіңіз.

Задание 7

Алдыңғы тапсырманы суреттің шығып жатқан бөліктері қиылып көрінбейтін етіп өзгертіңіз.

Задание 8

Алдыңғы тапсырманы суреттің шығып жатқан бөліктері көлденең бағытта қиылып, тік бағытта жүгіру жолағы пайда болатындай етіп өзгертіңіз.

Задание 9

Ені мен биіктігі 150px болатын div жасаңыз. Div-тің мазмұнына қарамастан, әрқашан оның ішінде тік жүгіру жолағы болатындай етіп жасаңыз.