1) color – цвет элемента (#RRGGBB или название цвета) Пример.
H1 {color: #f00000;}
SMALL {color: green;}
2) background-color – цвет фона элемента (#RRGGBB) Пример.
BODY {background-color: #f00000;}
3) background-image – фоновое изображение всего документа или ячейки таблицы (URL)
Пример.
BODY {background-image:URL("img.gif");}
4) background-repeat – параметры повтора фонового изображения (repeat – повтор фонового изображения во всех направлениях, repeat-x – повтор фонового изображения горизонтально, repeat-y – повтор фонового изображения вертикально, no-repeat –изображение не повторяется)
Пример.
BODY {background-repeat: no-repeat;}
5) background-attachment – правила режима прокрутки фонового изображения. (scroll – скроллинг фонового изображения вместе с документом, fixed – фиксация фонового изображения)
Пример.
BODY {background-attachment: fixed;}
6) background-position – положение фонового изображения top, middle, bottom; left, center, right; (% от ширины + % от высоты; расстояние от левого края+расстояние от верхнего края)
Пример.
BODY {background-position: 50% 0%;}
7) background – объединяет все вышеизложенные свойства фона (color, image, position, attachment, repeat)
Пример.
BODY {background: no-repeat black fixed 50% 0%;}
BODY {background: grey url(11.jpg) repeat-y right;}
1) margin-top – отступ сверху (ед.длины, %, auto)
Пример.
P {margin-top:100;}
2) margin-right – отступ справа (ед.длины, %, auto) Пример.
5) margin – объединяет все вышеизложенные свойства отступов (top, left, right, bottom)
Пример.
IMG{margin: 20px 10px;}
6) padding-top – отступ от верхней границы видимой рамки
(ед.длины, %)
Пример.
TABLE {padding-top:100pt;}
7) padding-right – отступ от правой границы (ед.длины, %) Пример.
TD {padding-right:100%;}
8) padding-bottom – отступ от нижней границы (длина, процент) Пример.
TD {padding-bottom:100em;}
9) padding-left – отступ от левой границы (длина, процент) Пример.
TD {padding-left:100;}
10) padding – объединяет все вышеизложенные свойства отступов от границ. Можно задать несколько значений одновременно (до четырех) для разных сторон. Если установлено одно значение – задается единый отступ для всех сторон, если два – то задаются различные отступы для прилежащих сторон, а если четыре – то задаются индивидуальные отступы для всех сторон. (left, right, top, bottom)
Пример.
TABLE {padding: 100px 50px;}
11) border-top-width – толщина верхней границы объектов (длина, thin, medium, thick)
Пример.
IMG {border-top-width: 100pt;}
12) border-right-width – толщина правой границы (длина, thin, medium, thick)
Пример.
TD{border-right-width: thick;}
13) border-bottom-width – толщина нижней границы (длина, thin, medium, thick)
Пример.
TD{border-bottom-width: 100em;}
14) border-left-width – толщина левой границы (длина, thin, medium, thick)
Пример.
TD {border-left-width: medium;}
15) border-width – объединяет все вышеизложенные свойства. Можно задать несколько значений одновременно (до четырех) для разных границ. Если установлено одно значение – задается единая толщина для всех сторон, если два – то задаются различная толщина для прилежащих сторон, а если четыре – то задаются индивидуальная толщина для всех сторон (top-width, right-width, left-width, bottom-width).
Пример.
{border-width: 15pt 10pt;}
16) border-color – цвет границы (цвет) Пример.
{border-color:green;}
17) border-style – стиль границ (none – граница не видна, solid – сплошная линия, double – двойная сплошная линия, dotted – линия в виде точек, dashed – пунктирная линия, groove – трехмерная вогнутая граница, ridge – трехмерная выпуклая граница, inset – трехмерная граница «ступенька вверх», outset – трехмерная граница «ступенька вниз»). Можно задать несколько значений одновременно (до четырех) для разных границ. Если установлено одно значение – задается единый стиль для всех сторон, если два – то задаются различные стили для прилежащих сторон, а если четыре – то задаются индивидуальные стили для всех сторон.
Пример.
{border-style: dotted groove;}
18) border-top – объединяет все вышеизложенные свойства для верхней границы (width, style, color)
Пример.
{border-top: 100em red groove;}
19) border-right – объединяет все вышеизложенные свойства для правой границы (width, style, color)
Пример.
{border-right: 5pt magenta solid;}
20) border-left – объединяет все вышеизложенные свойства для левой границы (width, style, color)
Пример.
{border-left: 15pt coral inset;}
21) border-bottom – объединяет все вышеизложенные свойства для нижней границы (width, style, color)
Пример.
{border-bottom: 30 orange outset;}
22) border-collapse – указывает, будут ли границы ячеек таблицы и всей таблицы сливаться в одну (применяется для тега TABLE) (separate – разделяет границы (по умолчанию), collapse – объединяет границы)
23) border – объединяет все вышеизложенные свойства (width, style, color).
