Уроки HTML, CSS Свойство стиля overflow для блочных элементов

Привет друзья! Сейчас я вам расскажу как работать с блочными элементами, если они выходят за границы какой-нибудь своей прямоугольной области, для которых она задана, для того, чтобы отобразить их на экране в компактном виде. Например, самый простейший пример - когда у вас есть много текста и вы ограничиваете его вывод прямоугольной областью – например – это рекламный прямоугольник, располагающийся например с правой стороны от основного контента.

Теперь вы можете сделать так, чтобы у вас часть контента, которая не помещается в этот прямоугольник - просто скрылась, либо сделать так, чтобы она отобразилась с дополнительными полосами прокрутки для этого элемента и тогда можно будет пролистать весь контент и конечно посмотреть его целиком. 😊

💥 Изучите свойство стиля overflow для блочных элементов.
💥 Разберете на примере DIV и P.
💥 Поработаете с дебагером и со стилями😊

Ставь лайк, если тебе понравилось видео 👍

►► Подписывайся на наш канал:    / @wiseplat  

Рекомендую посмотреть вот эти видео ►
★ [Учим HTML за 30 минут, всего за пол часа вы сделаете свой первый сайт с нуля]    • Уроки HTML, CSS / Учим HTML за 30 мин...  
★ [Свойство стиля margin отступ от границ]    • Уроки HTML, CSS / Свойство стиля marg...  
★ [Делаем новогодний курсор на сайте, вместо мышки елочная игрушка или новогодний шарик]    • Уроки HTML, CSS Делаем новогодний кур...  
★ [Как отобразить другой сайт внутри вашего сайта, тег iframe]    • Уроки HTML, CSS  Как отобразить друго...  
★ [Как напечатать текст справа налево]    • Уроки HTML, CSS  Как напечатать текст...  
★ [Как сделать бегущую строку]    • Уроки HTML, CSS / Как сделать бегущую...  
★ [Что такое классы]    • Уроки HTML, CSS  Что такое классы  

★ [Как скопировать стиль, с одного сайта на другой]    • Уроки HTML, CSS / Как скопировать сти...  
★ [Как добавить снег на сайт]    • Уроки HTML, CSS / Как добавить снег н...  
★ [Как сделать галерею картинок]    • Уроки HTML, CSS  Как сделать галерею ...  
★ [Как сделать горизонтальную линию]    • Уроки HTML, CSS / Как сделать горизон...  
★ [Как вставить gif анимацию на сайт]    • Уроки HTML, CSS / Как вставить gif ан...  
★ [Делаем сайт визитку за 5 минут! - от ИТ профессионала]    • Уроки HTML, CSS / Делаем сайт визитку...  
★ [Изучаем с нуля HTML за 1 час! Верстка для начинающих]    • Изучаем с нуля HTML за 1 час! Верстка...  

Где нас можно найти ►
--------------------------------------------
Вступай в группу Вк - https://vk.com/wiseplat 🚀
Группа FaceBook -   / wiseplat  
Инстаграм Wiseplat:   / wiseplat  
Instagram:   / shpaginoleg  
Twitter -   / wiseplatschool  


Популярные плейлисты ►
--------------------------------------------
● Уроки программирования для детей по Scratch    • Программирование с нуля на Scratch  
● Уроки программирования для детей и подростков на Python    • Уроки Python программирование для нач...  
● Уроки HTML/CSS. Учим быстро и эффективно!    • Уроки HTML, CSS  Как сделать галерею ...  
● Уроки JavaScript. Изучаем основы языка и практикуемся сразу.    • Уроки JavaScript от нуля до профи  
● Уроки jQuery. Для начинающих, с нуля    • Уроки jQuery  Подключение к сайту и а...  
● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно!    • Уроки Bootstrap для начинающих, с нуля  
● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации.    • Компьютерное железо. Лайфхаки. Обзоры...  

► Уроки на сайте Wiseplat:
--------------------------------------------
✔ Сообщество программистов: https://wiseplat.org/
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT: https://wiseplat.org/

********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!

👍 Ставьте лайки, тогда будем еще создавать такой контент :)

✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************

Уроки от #OlegShpagin 👨🏼‍💻
#урокиhtml #урокиcss #урокиjavascript