Назад Поля и рамки

свойство описание
border-color
border-top-color
border-bottom-color
border-right-color
border-left-color

Цвет рамки.
Значения <цвет>
По умолчанию Значение цвета, заданное свойством color
Поддерживается Блоками элементов и замещающими элементами.
Наследование Нет.
Процентная запись Нет.

Определяет цвет четырёх сторон рамки. Свойство работает, если задано свойство border-style.

Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом:

Число значений Результат
1 для всех сторон элемента
2 1-ое для верхней и нижней, 2-ое для левой и правой
3 1-ое для верхней, 2-ое для левой и правой, 3-е для нижней
4 1-ое для верхней, 2-ое для правой, 3-е для нижней, 4-е для левой

Испытатель

border-style
border-top-style
border-bottom-style
border-right-style
border-left-style

Стиль рамки.
Значения none, solid, double, dotted, dashed, groove, ridge, inset, outset
По умолчанию none
Поддерживается Блоками элементов и замещающими элементами.
Наследование Нет.
Процентная запись Нет.

Определяет стиль четырех сторон рамки.

Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом:

Число значений Результат
1 для всех сторон элемента
2 1-ое для верхней и нижней, 2-ое для левой и правой
3 1-ое для верхней, 2-ое для левой и правой, 3-е для нижней
4 1-ое для верхней, 2-ое для правой, 3-е для нижней, 4-е для левой

Испытатель

border-width
border-top-width
border-bottom-width
border-right-width
border-left-width

Ширина рамки.
Значения thin (2 пиксела), medium (4 пиксела), thick (6 пиксела), <размер>
По умолчанию medium
Поддерживается Блоками элементов и замещающими элементами.
Наследование Нет.
Процентная запись Нет.

Определяет ширину четырех сторон рамки.

Испытатель

border
border-top
border-bottom
border-right
border-left

Ширина, стиль и цвет рамки.
Значения <border-width> <border-style> <border-color>
По умолчанию medium none
Поддерживается Блоками элементов и замещающими элементами.
Наследование Нет.
Процентная запись Нет.

Определяет свойства четырех сторон рамки. Объединяет все другие свойства рамки.

Испытатель

margin
margin-top
margin-bottom
margin-right
margin-left

Отступ элемента.
Значения auto, <ширина>, <процент>
По умолчанию Нет.
Поддерживается Блоками элементов и замещающими элементами.
Наследование Нет.
Процентная запись Да, относительно ширины родительского элемента.

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

Значение auto указывает, что размер отступов будет автоматически рассчитан браузером.

Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом:

Число значений Результат
1 для всех сторон элемента
2 1-ое для верхней и нижней, 2-ое для левой и правой
3 1-ое для верхней, 2-ое для левой и правой, 3-е для нижней
4 1-ое для верхней, 2-ое для правой, 3-е для нижней, 4-е для левой

Испытатель

padding
padding-top
padding-bottom
padding-right
padding-left

Расстояние между содержимым и рамкой элемента.
Значения <ширина>, <процент>
По умолчанию Нет.
Поддерживается Блоками элементов и замещающими элементами.
Наследование Нет.
Процентная запись Да, относительно ширины родительского элемента.

Определяет расстояние между содержимым и рамкой элемента.

Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом:

Число значений Результат
1 для всех сторон элемента
2 1-ое для верхней и нижней, 2-ое для левой и правой
3 1-ое для верхней, 2-ое для левой и правой, 3-е для нижней
4 1-ое для верхней, 2-ое для правой, 3-е для нижней, 4-е для левой

Испытатель


Назад