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

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

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

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

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

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

div.sample { border: 2px solid red; }

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

div.sample { border: solid; }

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

div.sample { border: 2px red; }

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

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

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

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


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


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


Автор — Полухин Владимир

Дата написания — 2008-02-04