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

overflow overflow-x overflow-y

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

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

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

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

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

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

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

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

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