Приветствую Вас Гость | Регистрация | Вход

Повтор фонового изображения в CSS. Свойство background-repeat

В этом онлайн уроке рассказывается о том, как настроить повтор фонового изображения в CSS. Дело в том, что при установке картинки в качестве фонового изображения на HTML странице сайта часто возникают проблемы. Связано это с размером картинки, которые обычно не совпадают с размерами блока. И если картинка меньше блока, то при установке её на фон, браузер начинает её повторять по горизонтали и по вертикали до границ блока. Иногда так и нужно делать, ведь получается, что из маленькой однородной картинки мы можем сделать фон для всей страницы сайта. Но бывают случаи, когда картинку совсем не нужно размножать на фоне блока, или повтор делать только по горизонтали или только по вертикали. За повторение фоновых изображений в CSS отвечает свойство background-repeat. По умолчанию его значение - repeat, т.е. повторять по всем направлениям. Если свойству background-repeat поставить значение no-repeat, то картинка не будет повторяться на фоне блока. Для повтора изображения только по горизонтали используется значение repeat-x, а по вертикали - repeat-y Видео урок «Повтор фонового изображения в CSS. Свойство background-repeat» вы можете смотреть онлайн в любое удобное время совершенно бесплатно. Успехов!




Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.