CSS/Фон: различия между версиями

Содержимое удалено Содержимое добавлено
Нет описания правки
Нет описания правки
Строка 1:
== Свойства ==
 
Свойства, которые устанавливают фон элемента:
 
*=== <code>background</code> ===
 
Это универсальное свойство, которое задаёт параметры фона элемента. Можно указывать через пробел в любой последовательности необходимые свойства.
 
*=== <code>background-attachment</code> ===
 
Это свойство определяет, прокручивается ли фон со страницей (scroll) (значение по умолчанию) либо он зафиксирован (fixed).
 
*=== <code>background-color</code> ===
 
Устанавливает [[CSS/Цвет|цвет]] фона, который будет виден, если не задано фоновое изображение.
 
*=== <code>background-image</code> ===
 
Определяет изображение, которое будет использоваться в качестве фона.
 
*=== <code>background-position</code> ===
 
Начальное положение изображения, которое задаётся по горизонтали и вертикали. В качестве значений используются ключевые слова (top, bottom, center, left, right) либо другие единицы.
 
Ещё есть пара нестандартных свойств <code>background-position-x</code> и <code>background-position-y</code>, которые задают соответственно положение фонового изображения по горизонтали и вертикали.
* <code>background-repeat</code>
 
*=== <code>background-repeat</code> ===
 
Способ повторения изображения.
Строка 32 ⟶ 36 :
* repeat-y — только по вертикали.
 
=== background-clip, background-origin и background-size ===
Ещё есть пара нестандартных свойств <code>background-position-x</code> и <code>background-position-y</code>, которые задают соответственно положение фонового изображения по горизонтали и вертикали.
 
В CSS3 также появились три новых свойства: <code>background-clip</code>, <code>background-origin</code> и <code>background-size</code>.
Строка 40 ⟶ 44 :
Свойство <code>background-size</code> изменяет масштаб фонового изображения.
 
== Примеры: ==
 
Подробная форма записи: