Свойства рамки Свойства рамки задают размер, цвет и стиль рамки объемлющего прямоугольника. Соответственно их можно разбить на следующие группы: Размер рамки: border-top-width, border-bottom-width, border-left-width, border-right-width и border-width. Цвет рамки: border-top-color, border-bottom-color, border-left-color, border-right-color и border-color. Стиль рамки: border-top-style, border-bottom-style, border-left-style, border-right-style и border-style. Сокращения: border-top, border-bottom, border-left, border-right и border. Размеры рамки Размеры рамки задают размеры рамки объемлющего прямоугольника. Все они имеют тип <размер-рамки>, который определяется следующим образом: <размер-рамки> = thin | medium | thick | <размер> thin Тонкая рамка (точный размер зависит от обозревателя). medium Средняя рамка (точный размер зависит от обозревателя). thick Толстая рамка (точный размер зависит от обозревателя). <размер> Задает фиксированный размер, который не может быть отрицательным. Размер верхней рамки: свойство border-top-width Синтаксис: border-top-width: <размер-рамки> | inherit Начально: medium Применимо: ко всем элементам Наследуемо: нет Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Соответствует стандарту (4.0+) Свойство border-top-width задает размер верхней рамки объемлющего прямоугольника. Пример: H1 { border-top-width: thin } Размер нижней рамки: свойство border-bottom-width Синтаксис: border-bottom-width: <размер-рамки> | inherit Начально: medium Применимо: ко всем элементам Наследуемо: нет Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Соответствует стандарту (4.0+) Свойство border-bottom-width задает размер нижней рамки объемлющего прямоугольника. Пример: H1 { border-bottom-width: thick } Размер левой рамки: свойство border-left-width Синтаксис: border-left-width: <размер-рамки> | inherit Начально: medium Применимо: ко всем элементам Наследуемо: нет Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Соответствует стандарту (4.0+) Свойство border-left-width задает размер левой рамки объемлющего прямоугольника. Пример: H1 { border-left-width: 10px } Размер правой рамки: свойство border-right-width Синтаксис: border-right-width: <размер-рамки> | inherit Начально: medium Применимо: ко всем элементам Наследуемо: нет Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Соответствует стандарту (4.0+) Свойство border-right-width задает размер правой рамки объемлющего прямоугольника. Пример: H1 { border-right-width: 0 } Размеры рамки: свойство border-width Синтаксис: border-width: <размер-рамки> (1,4) | inherit Начально: medium Применимо: ко всем элементам Наследуемо: нет Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Соответствует стандарту (4.0+) Свойство border-width является сокращением для свойств border-top-width, border-bottom-width, border-left-width и border-right-width. Оно задает размер всех рамок объемлющего прямоугольника одновременно. Его значением может быть от одного до четырех размеров. Если заданы все размеры, то они применяются к верхней, правой, нижней и левой рамке соответственно. Если задан только один размер, то он применяется ко всем рамкам. Если заданы два или три значения, то недостающий размер принимается равным размеру противоположной рамки. Примеры: H1 { border-width: thin } /* все рамки имеют размер thin */ H1 { border-width: thin thick } /* top & bottom = thin, right & left = thick */ H1 { border-width: thin thick medium } /* thin, thick, medium, thick */ <<<  Назад Вперед  >>>  1  2  3  4  5  6  7   8  Комментарии к статье  8 8  Обсудить в чате

8  В тему Введение в таблицы стилей Селекторы, псевдоклассы и псевдоэлементы Значения свойств, каскадность и наследование Позиционирование элементов Визуализация элементов Цвет и фон Шрифты Текст Таблицы Генерация содержимого, нумерация и списки Страничные устройства вывода Звуковые таблицы стилей