Cвойства полей и рамок

Первая колонка таблицы содержит название свойства CSS, а также название соответствующего свойства объекта style.

border-color
border-top-color
border-bottom-color
border-right-color
border-left-color
borderColor
borderTopColor
borderBottomColor
borderRightColor
borderLeftColor
Описание: Определяет цвет четырех сторон рамки. Свойство работает, если задано свойство border-style.
Пример: Значения необходимо перечислять в соответствии с правилом TRouBLe: Top, Right, Bottom, Left. Если указано одно значение, оно применяется ко всем сторонам. Если указаны два значения, первое значение применяется к верхней и нижней границам, а второе — к левой и правой.
border-style
border-top-style
border-bottom-style
border-right-style
border-left-style
borderStyle
borderTopStyle
borderBottomStyle
borderRightStyle
borderLeftStyle
Описание: Определяет стиль четырех сторон рамки: none, solid, double, groove, ridge, inset, outset.
Пример: Значения необходимо перечислять в соответствии с правилом TRouBLe: Top, Right, Bottom, Left. Если указано одно значение, оно применяется ко всем сторонам. Если указаны два значения, первое значение применяется к верхней и нижней границам, а второе — к левой и правой.
border-width
border-top-width
border-bottom-width
border-right-width
border-left-width
borderWidth
borderTopWidth
borderBottomWidth
borderRightWidth
borderLeftWidth
Описание: Определяет ширину четырех сторон рамки.
Пример:
border
border-top
border-bottom
border-right
border-left
border
borderTop
borderBottom
borderRight
borderLeft
Описание: Cвойство-сокращение, позволяющее изменить ширину, стиль и цвет всех четырех сторон рамки.
Пример: При помощи свойства-сокращения невозможно применить разный стиль к четырем сторонам рамки.
border-collapse
borderCollapse
Описание: Устанавливает, как отображать границы вокруг ячеек таблицы. Когда для ячеек установлена рамка, тогда в месте стыка ячеек получится двойная линия. Значение collapse заставляет браузер анализировать подобные места в таблице и убирать в ней двойные линии. При этом между ячейками остается только одна граница, одновременно принадлежащая обеим ячейкам. По умолчанию применяется значение separate, в результате вокруг каждой ячейки отображается своя собственная рамка, в местах соприкосновения ячеек показываются две линии.
Пример:

border-spacing
borderSpacing
Описание: Задает расстояние между границами ячеек в таблице. Браузер Internet Explorer до версии 7.0 включительно не поддерживает данное свойство.
Пример:
margin
margin-top
margin-bottom
margin-right
margin-left
margin
marginTop
marginBottom
marginRight
marginLeft
Описание: Определяет размер полей данного элемента.
Пример: Значения необходимо перечислять в соответствии с правилом TRouBLe: Top, Right, Bottom, Left. Если указано одно значение, оно применяется ко всем сторонам. Если указаны два значения, первое значение применяется к верхней и нижней границам, а второе — к левой и правой.
padding
padding-top
padding-bottom
padding-right
padding-left
padding
paddingTop
paddingBottom
paddingRight
paddingLeft
Описание: Определяет размер отступов данного элемента.
Пример: Значения необходимо перечислять в соответствии с правилом TRouBLe: Top, Right, Bottom, Left. Если указано одно значение, оно применяется ко всем сторонам. Если указаны два значения, первое значение применяется к верхней и нижней границам, а второе — к левой и правой.