[1] repeat - размножает фоновое изображение во всех направлениях
[2] repeat-x - размножает фоновое изображение горизонтально
[3] repeat-y - размножает фоновое изображение вертикально
[4] no-repeat - не повторяющиеся изображение
*Применимо для: всех элементов
Описание: повторения фонового изображения
ПРИКЛАД:
background-repeat:no-repeat
· background-attachment
Возможные значения:
[1] scroll - фоновое изображение скроллится всесте с содержанием документа
[2] fixed - не скроллится. Фиксируется в одном месте. Не работает в Нетскейпе
*Применимо для: всех элементов
Описание: возможность прокрутки фонового изображения
ПРИКЛАД:
background-attachment:fixed
· background-position
Возможные значения:
[1] процент от ширины + процент от высоты (+)
[2] top, middle, bottom - одно из значений
[3] left, center, right - одно из начений
[4] расстояние от левого края + расстояние от вершины
*Применимо для: block-level и replaced элементов
Описание: положение фонового изображения (работает с background-repeat равным repeat-x, repeat-y или no-repeat)
ПРИКЛАД:
background-position:50%0%
· background
Возможные значения:
[1] background-color
[2] background-image
[3] backgroun-position
[4] background-attachment
[5] background-repeat
*Применимо для: всех элементов
Описание: обобщает вышеперечисленные свойства
ПРИКЛАД:
background:no-repeat black fixed 50%0%
· margin-top
Возможные значения:
[1] длина (+)
[2] процент (+)
[3] auto - автоматически
*Применимо для: всех элементов
Описание: определяет отступ сверху
ПРИКЛАД:
margin-top:100
· margin-right
Возможные значения:
[1] длина (+)
[2] процент (+)
[3] auto - автоматически
*Применимо для: всех элементов
Описание: определяет отступ справа
ПРИКЛАД:
margin-right:100%
· margin-bottom
Возможные значения:
[1] длина (+)
[2] процент (+)
[3] auto - автоматически
*Применимо для: всех элементов
Описание: определяет отступ снизу
ПРИКЛАД:
margin-bottom:100em
· margin-left
Возможные значения:
[1] длина (+)
[2] процент (+)
[3] auto - автоматически
*Применимо для: всех элементов
Описание: определяет отступ слева
ПРИКЛАД:
margin-left:100pt
· margin
Возможные значения:
[1] margin-top
[2] margin-right
[3] margin-left
[4] margin-bottom
*Применимо для: всех элементов
Описание: обобщает все вышеперечисленные свойства
ПРИКЛАД:
background:100pt
· padding-top
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: осех элементов
Описание: отступ от верхнего border'а
ПРИКЛАД:
padding-top:100pt
· padding-right
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: всех элементов
Описание: отступ от правого border'а
ПРИКЛАД:
padding-right:100%
· padding-bottom
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: всех элементов
Описание: отступ от нижнего border'а
ПРИКЛАД:
padding-bottom:100em
· padding-left
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: всех элементов
Описание: отступ от левого border'а
ПРИКЛАД:
padding-top:100
· padding
Возможные значения:
[1] padding-top
[2] padding-right
[3] padding-left
[4] padding-bottom
*Применимо для: всех элементов
Описание: обобщает вышеперечисленные свойства. Можно задать несколько значений одновременно (до четырех) для разных сторон. Если установлено одно значение - задается единый отступ для всех сторон, если два - то задаются различные отступы для прилежащих сторон, а если четыре - то задаются индивидуальные отступы для всех сторон.
ПРИКЛАД:
padding:100px
· border-top-width
Возможные значения:
[1] длина (+)
[2] thin, medium или thick
*Применимо для: всех элементов
Описание: толщина верхнего border'а
ПРИКЛАД:
border-top-width:100pt
· border-right-width
Возможные значения:
[1] длина (+)
[2] thin, medium или thick
*Применимо для: всех элементов
Описание: толщина правого border'а
ПРИКЛАД:
border-right-width:thick
· border-bottom-width
Возможные значения:
[1] длина (+)
[2] thin, medium или thick
*Применимо для: всех элементов
Описание: толщина нижнего border'а
ПРИКЛАД:
border-bottom-width:100em
· border-left-width
Возможные значения:
[1] длина (+)
[2] thin, medium или thick
*Применимо для: всех элементов
Описание: толщина левого border'а
ПРИКЛАД:
border-left-width:medium
· border-width
Возможные значения:
[1] border-top-width
[2] border-right-width
[3] border-left-width
[4] border-bottom-width
*Применимо для: всех элементов
Описание: толщина border'ов. Можно задать несколько значений одновременно (до четырех) для разных border'ов. Если установлено одно значение - задается единая толщина для всех сторон, если два - то задаются различная толщина для прилежащих сторон, а если четыре - то задаются индивидуальная толщина для всех сторон
Описание: стиль border'ов. Можно задать несколько значений одновременно (до четырех) для разных border'ов. Если установлено одно значение - задается единый стиль для всех сторон, если два - то задаются различные стили для прилежащих сторон, а если четыре - то задаются индивидуальные стили для всех сторон
ПРИКЛАД:
border-style: dotted groove
· border-top
Возможные значения:
[1] border-top-width
[2] border-style
[3] border-color
*Применимо для: всех элементов
Описание: обобщает вышеперечисленные свойства для верхнего border'а
ПРИКЛАД:
border-top: 100em red groove
· border-right
Возможные значения:
[1] border-right-width
[2] border-style
[3] border-color
*Применимо для: всех элементов
Описание: обобщает вышеперечисленные свойства для правого border'а
ПРИКЛАД:
border-right: 5pt magenta solid
· border-left
Возможные значения:
[1] border-left-width
[2] border-style
[3] border-color
*Применимо для: всех элементов
Описание: обобщает вышеперечисленные свойства для левого border'а
ПРИКЛАД:
border-left: 15pc coral inset
· border-bottom
Возможные значения:
[1] border-bottom-width
[2] border-style
[3] border-color
*Применимо для: всех элементов
Описание: обобщает вышеперечисленные свойства для нижнего border'а
ПРИКЛАД:
border-bottom: 30 orange outset
· border
Возможные значения:
[1] border-width
[2] border-style
[3] border-color
*Применимо для: всех элементов
Описание: обобщает вышеперечисленные свойства
ПРИКЛАД:
border: thik black double
· width
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: block-level и replaced элементов
Описание: ширина элемента
ПРИКЛАД:
width:10%
· height
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: block-level и replaced элементов
Описание: высота элемента
ПРИКЛАД:
height:100pt
· float
Возможные значения:
[1] left – слева
[2] right – справа
[3] none - по умолчанию
*Применимо для: всех элементов
Описание: расположение элемента
ПРИКЛАД:
float:right
· clear
Возможные значения:
[1] left – слева
[2] right – справа
[3] both - c двух сторон
[4] none - по умолчанию
*Применимо для: всех элементов
Описание: расположение других элементов вокруг данного
