ბლოკის გადავსება CSS-ში

overflow overflow-x overflow-y

შექმენით div ბლოკი 200px სიგანისა და სიმაღლის. მოათავსეთ მასში გრძელი ტექსტი, რომელიც სიმაღლეში არ ჯდება ამ ბლოკში. შეამოწმეთ, რომ ტექსტი ბლოკის ქვედა ნაწილიდან გამოვა.

შეცვალეთ წინა ამოცანა ისე, რომ div-ში ტექსტის სიმაღლეში გასვლის შემთხვევაში გამოჩნდეს ვერტიკალური გადახვევის ზოლი.

შეცვალეთ წინა ამოცანა ისე, რომ ვერტიკალურად გამოწეული ტექსტი მოიჭრას.

შეცვალეთ წინა ამოცანა ისე, რომ მაუსის მითითებისას div-ზე div-ის სიმაღლე გახდეს საკმარისი იმისთვის, რომ მთელი ტექსტი ჩაეტიოს ამ div-ში.

შექმენით div ბლოკი 300px სიგანისა და სიმაღლის. ჩასვით ჩვენს div-ში სურათი, რომელიც იქნება div-ზე უფრო დიდი სიგანეში და სიმაღლეში. შეამოწმეთ, რომ სურათი div-ის საზღვრებს გასცდება.

შეცვალეთ წინა ამოცანა ისე, რომ სურათის გასვლის შემთხვევაში გამოჩნდეს გადახვევის ზოლები.

შეცვალეთ წინა ამოცანა ისე, რომ სურათის გამოწეული ნაწილები მოიჭრას.

შეცვალეთ წინა ამოცანა ისე, რომ სურათის გამოწეული ნაწილები ჰორიზონტალურად მოიჭრას, ხოლო ვერტიკალურად გამოჩნდეს გადახვევის ზოლი.

შექმენით div ბლოკი 150px სიგანისა და სიმაღლის. გახადეთ ისე, რომ div-ის შიგთავსის მიუხედავად, მასში ყოველთვის იყოს ვერტიკალური გადახვევის ზოლი.