Статические Web технологии. CSS свойства границ элементов

CSS свойства границы позволяют вам указывать стиль и цвет границы элемента.

Width - ширина объекта.Значения:

auto — определяется браузером; числовое; процентное.

Height -высота объекта.Значения:

auto — определяется броузером; числовое; процентное.

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

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

top, bottom, right, left -координаты верхней, нижней, правой и левой границ элемента.

Значения:

auto — определяется браузером; числовое; процентное.

margin-top, margin-right, margin-bottom, margin-left -Размер пустого пространства рядом с определенной стороной элемента.

Margin -Величина отступов вокруг элемента.

Пример:

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

padding-top, padding-right, padding-bottom, padding-left -величина отступа между указанной границей элемента и его содержимым.

Padding -величина отступа между границами элемента и его содержимым.

Пример:

OL { padding: 4px 4рх 4рх 4рх }

border-width -Толщина рамки.

border-color - Цвет рамки.

border-top-style, border-right-style, border-bottomstyle, border-left-style -Вид элементов рамки.

Значения: none или hidden — рамка не показана; dotted — рамка из точек; dashed — пунктирная рамка; solid — сплошная рамка;

border-style -Вид рамки.

border-top -Одновременное задание значений свойств border-top-width, border-top-style и border-top-color. Пример:Н1 { border-top: thin solid blue }

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

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

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

none — обтекания нет; left — слева; right — справа. Пример: IMG { float: left }

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

visible — видимый; hidden — невидимый.

Статические Web технологии. CSS свойства таблиц

Модель таблицы состоит из таблиц, заголовков, строк, групп срок, столбцов, групп столбцов и ячеек.