CSS border. Управление границами

2008-02-05 / Рубрика: border

border — это CSS-свойство, применяемое для оформления границ HTML-блока.

Формат и допустимые значения

Значение свойства border может содержать 3 значения: толщину границы, стиль и цвет, однако обязательным является только стиль.

Этот пример изобразит сплошную красную границу блока толщиной 2 пискела.

В следующем примере граница будет сплошной, чёрного цвета и средней толщины (если цвет не задан, используется цвет текста). Пробуем не указать толщину и цвет границы.

А в этом примере граница не отобразится, из-за того, что не указан стиль

По умолчанию значение свойства border для любого блока равно «medium none».

Свойство border устанавливает значения ширины, стиля и цвета для всех четырёх сторон блока.

Примеры границ

<div style="border: 1cm outset darkorchid;">1cm outset darkorchid</div>

<div style="border: 3px dashed blue;">3px dotted blue</div>

<div style="border: 1cm groove pink;">1cm groove pink</div>