Background-color

Color

Фон и цвет

Z-index

Visibility

Clip

Clear

Float

Overflow

Border

Border-right

Border-left

Border-bottom

Border-top

Border-style

Border-top-style, border-right-style, border-bottom-style, border-left-style

Border-color

Border-top-color, border-right-color, border-bottom-color, border-left-color

Border-width

Border-top-width, border-right-width, border-bottom-width, border-left-width

Padding

Padding-top, padding-right, padding-bottom, padding-left

Margin

Margin-top, margin-right, margin-bottom, margin-left

Top, bottom, right, left

Position

Min-height и max-height

Min-width и max-width

Минимально возможная и максимально допустимая ширина объекта.

Значения:

· auto — определяется браузером;

· числовое;

· процентное.

Минимально возможная и максимально допустимая высота объекта. Значения:

· auto — определяется браузером;

· числовое;

· процентное.

Способ вычисления координат границ элемента. Значения:

· normal — положение элемента определяется браузером;

· relative — вначале вычисляется обычное положение элемента, затем рассчи­тывается смещение относительно этого положения;

· absolute — координаты вычисляются относительно границ контейнера, содер­жащего элемент;

· fixed — координаты вычисляются относительно границ контейнера, содержа­щего элемент, и запрещается прокрутка.

Координаты верхней, нижней, правой и левой границ элемента. Значения:

· auto — определяется браузером;

· числовое;

· процентное.

Размер пустого пространства рядом с определенной стороной элемента. Значения:

· auto — определяется браузером;

· числовое;

· процентное.

Величина отступов вокруг элемента. Значения:

· auto — определяется браузером;

· числовое;

· процентное. Пример:

Р { margin: 12рх 12рх 12рх 12рх }

Величина отступа между указанной границей элемента и его содержимым.

Значения:

· auto — определяется браузером;

· числовое;

· процентное.

Величина отступа между границами элемента и его содержимым. Значения:

· auto — определяется браузером;

· числовое;

· процентное.

Пример: OL { padding: 4px 4рх 4рх 4рх }

Ширина элементов рамки. Значения:

· thin — тонкая;

· medium — средняя;

· thick — широкая;

· числовое.

Толщина рамки. Значения:

· thin — тонкая;

· medium — средняя;

· thick — широкая;

· числовое.

Цвет элементов рамки.

Цвет рамки.

Вид элементов рамки. Значения:

· nоnе или hidden — рамка не показана;

· dotted — рамка из точек;

· dashed — пунктирная рамка;

· solid — сплошная рамка;

· double — двойная рамка;

· groove — двугранная рамка;

· ridge — такая же, как groove, но светлая и темная границы расположены иначе;

· inset — одна грань, наклоненная внутрь;

· outset — такая же, как inset, но свет падает по-другому.

Вид рамки. Значения такие же, как и у предыдущих свойств.

Пример: Н2 { border-style: solid none solid none}

Одновременное задание значений свойств border-top-width, border-top-style и border-top-color.

Пример: Н1 { border-top: thin solid blue }

Одновременное задание значений свойств border-bottom-width, border-bottom-style и border-bottom-color.

Одновременное задание значений свойств border-left-width, border-left-style и border-left-color.

Одновременное задание значений свойств border-right-width, border-right-style и border-right-color.

Одновременное задание значений свойств border-width, border-style и border-color.

Пример: Р { border: medium double red }

Способ изменения размеров объекта, если его содержимое не может быть показа­но целиком. Значения:

· auto — определяется браузером;

· visible — размер границ увеличивается в такой степени, чтобы содержимое было видимым;

· hidden — размеры границ не устанавливаются в зависимости от размеров содержимого;

· scroll — устанавливается режим прокрутки.

Способ обтекания элемента другими. Значения:

· nоnе — обтекания нет (по умолчанию);

· left — слева;

· right — справа.

Пример: IMG { float: left }

Способ расположения элементов, следующих за элементом, выровненным по ле­вому или правому краю. Значения: none, left, right, both.

Определение видимой части объекта. Значения:

· auto — определяется браузером;

· rect — прямоугольник, “вырезающий” часть объекта.

Пример: Р { clip: rect (5px, 10рх, 10рх, 5рх) }

Видимость или невидимость объекта. Значения:

· visible — видимый;

· hidden — невидимый.

Способ перекрытия объектов другими. Объект, имеющий большее значение ин­декса, располагается выше. Значения:

· auto — “нулевой уровень”, задаваемый по умолчанию;

· отрицательное числовое — объект располагается “ниже” нулевого уровня;

· положительное числовое — объект располагается “выше” нулевого уровня.

Цвет элемента или его содержимого. Примеры:

U {color: red }

Р {color: rgb (255, 120, 120) }

Цвет фона. Значения:

· transparent — прозрачный фон;

· значение цвета в стандартном формате.

Пример: Н1 {background-color: #9AC159}

Дата добавления: 2017-02-01; Просмотров: 49; Нарушение авторских прав?; Мы поможем в написании вашей работы!