Что такое background css

"background css" - что такое background css?

Предвосхищая пару страниц о "background" вообще - чтобы несколько раз не повторять одно и тоже "типы/виды background css".

Подробно о типах/видах background css

1. Сколько типов/видов background в css бывают?
2. Список типов/видов background в css.

Сколько типов/видов background в css бывают?

С чего вообще надо начать рассказ о "типах/видах background в css?" - с перевода слова - "background"

Как переводится слово background

background - можно перевести как: фон, предпосылка, происхождение, подготовка существительное

Еще... Слово background - составное... т.е. состоит из двух слов... background

back:

1). Существительное: спина.
2). Прилагательное: pадний .


ground:

1). Существительное: земля, основание, полигон.
2). Прилагательное: наземный.
3). Глагол: молоть, шлифовать, растирать, стачивать.


Я уже несколько раз рассказывал о возможностях узнать свойства элемента по умолчанию!

Не буду -это повторять в очередной раз.

Чем данный способ хорош?

Свойства background по умолчанию.

Вы можете узнать о реальном состоянии дел о background(или о любом другом свойстве) - из первых рук!

Из браузера! - иногда... учебники, пособия и т.д. могут отставать на много лет! Часто... авторы таких сайтов даже представления об этом не имеют... поскольку никогда не сталкиваются с этим...

Итак...

Узнаем все типы/виды background в css бывают?

Открываем браузер... исследовать элемент

Набираем к любому элементу background ... и предложенном списке мы видим...

Что типов/видов background столько, что мне пришлось... скрин делать 5 раз... чтобы прочитать все свойства background

Нажмите, чтобы открыть в новом окне.




Список всех существующих background в css

Для того, чтобы сделать данный список существующих всех видов/типов background в css мне пришлось попотеть...

background-attachment

background-blend-mode

background-clip

background-color

background-image

background-origin

background-position

background-position-x

background-position-y

background-repeat

background-repeat-x

background-repeat-y

background-size

background: border-box

background: bottom

background: center

background: content-box

background: fixed

background: left

background: local

background: no-repeat

background: none

background: padding-box

background: repeat

background: repeat-x

background: repeat-y

background: right

background: round

background: scroll

background: space

background: top

background-attachment: fixed

background-attachment: local

background-attachment: scroll

background-blend-mode: color

background-blend-mode: color-burn

background-blend-mode: color-dodge

background-blend-mode: darken

background-blend-mode: difference

background-blend-mode: exclusion

background-blend-mode: hard-light

background-blend-mode: hue

background-blend-mode: lighten

background-blend-mode: luminosity

background-blend-mode: multiply

background-blend-mode: normal

background-blend-mode: overlay

background-blend-mode: saturation

background-blend-mode: screen

background-blend-mode: soft-light

background-blend-mode: unset

background-clip: border-box

background-clip: content-box

background-clip: padding-box

background-color: currentcolor

background-color: white

background-image: none

background-origin: border-box

background-origin: content-box

background-origin: padding-box

background-position: bottom

background-position: center

background-position: left

background-position: right

background-position: top

background-position-x: center

background-position-x: left

background-position-x: right

background-position-y: bottom

background-position-y: center

background-position-y: top

background-repeat: no-repeat

background-repeat: repeat

background-repeat: repeat-x

background-repeat: repeat-y

background-repeat: round

background-repeat: space

background-repeat-x: no-repeat

background-repeat-x: repeat

background-repeat-y: no-repeat

background-repeat-y: repeat

background-size: auto

background-size: contain

background-size: cover