СВОЙСТВО BORDER
Свойство border
используется для создания рамки элемента.
Поддержка браузеров
Синтаксис
border: border-width border-style border-color|initial|inherit
Значения свойства
Значение | Описание |
---|---|
border-width | Определяет ширину рамки. Возможные значения:
|
border-style | Определяет стиль рамки. Возможные значения:
|
border-color | Определяет цвет рамки. |
initial | Устанавливает значение по умолчанию. |
inherit | Унаследует значение свойства от родительского элемента. |
Песочница
<div class="block block-1"></div> <div class="block block-2"></div> <div class="block block-3"></div>HTML
.block { height: 50px; width: 50px; display: inline-block; } .block-1 { border: 3px solid blue; } .block-2 { border: 3px dashed red; } .block-3 { border: 3px dotted gray; }CSS