Как работать со свойством background

Как работать со свойством background

30.11.2018 36

Поделиться
Отправить
Плюсануть
Запинить
Класснуть
Поделиться

Background определяет все те свойства, которые относятся к изменению фона на страничке. Иными словами, с помощью свойства можно одновременно задать цвет, картинку,кол-во повторов изображения, фиксировать его или задать ему позицию.

Все CSS-свойства, которые можно прописать в background : background-color, background-image, background-repeat, background-attachment, и background-position.

Ниже приведен пример всех background-значений :

Дает фоновый цвет- background-color

Дает фоновое изображение- background-image

Показывает, будет ли повторяться изображение и как это делать- background-repeat

Показывает, фиксирование ли изображение- background-attachment

Показывает, какая позиция у фона- background-position

Показывает, нужно ли унаследовать background у родителя- inherit

Скрин с примером использования background:

Узайте данное значение, чтоб сократить количество строчек кода. А это в свою очередь уменьшит время загрузки сайта и увеличит читабельность вашего кода!

 

Хочешь научиться создавать сайты? Изучи все на практике, с помощью интерактивных курсов у нас на проекте. Регистрация - Войти - Наши курсы. Задавайте вопросы в комментариях!
Автор данной статьи:

Роман