CSS-ում բլոկի գերլցում
Ստեղծեք 200px լայնությամբ և բարձրությամբ դիվ։
Ավելացրեք դրա մեջ երկար տեքստ, որն
չի տեղավորվի այս բլոկի բարձրության մեջ։ Ստուգեք,
որ տեքստը դուրս կգա բլոկի ստորին մասից։
Փոփոխեք նախորդ առաջադրանքն այնպես, որ դիվում, երբ տեքստը դուրս է գալիս բարձրությունից, հայտնվի ուղղահայաց ոլորման գիծ։
Փոփոխեք նախորդ առաջադրանքն այնպես, որ ուղղահայաց դուրս եկող տեքստը կտրվի։
Փոփոխեք նախորդ առաջադրանքն այնպես, որ մկնիկը դիվի վրա բերելիս դիվի բարձրությունը դառնա բավականաչափ մեծ, որպեսզի ամբողջ տեքստը տեղավորվի այս դիվում։
Ստեղծեք 300px լայնությամբ և բարձրությամբ դիվ։
Ավելացրեք մեր դիվին նկար, որը կլինի
դիվից ավելի մեծ լայնությամբ և բարձրությամբ։ Ստուգեք,
որ նկարը դուրս կգա դիվի սահմաններից։
Փոփոխեք նախորդ առաջադրանքն այնպես, որ երբ նկարը դուրս է գալիս, հայտնվեն ոլորման գծեր։
Փոփոխեք նախորդ առաջադրանքն այնպես, որ նկարի դուրս եկող մասերը կտրվեն։
Փոփոխեք նախորդ առաջադրանքն այնպես, որ նկարի դուրս եկող մասերը հորիզոնական կտրվեն, իսկ ուղղահայաց հայտնվի ոլորման գիծ։
Ստեղծեք 150px լայնությամբ և բարձրությամբ դիվ։
Ապահովեք, որ անկախ դիվի պարունակությունից
դրա մեջ միշտ լինի ուղղահայաց ոլորման գիծ։