СВОЙСТВО BORDER-BOTTOM
Свойство border-bottom устанавливает все значения нижней рамки.
Поддержка браузеров
Синтаксис
border-bottom: border-bottom-width border-bottom-style border-bottom-color|initial|inherit
Значения свойства
| Значение | Описание |
|---|---|
| border-bottom-width | Определяет ширину нижней рамки. Возможные значения:
|
| border-bottom-style | Определяет стиль нижней рамки. Возможные значения:
|
| border-bottom-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;
background: #f1f1f1;
}
.block-1 {
border-bottom: 3px solid blue;
}
.block-2 {
border-bottom: 3px dashed red;
}
.block-3 {
border-bottom: 3px dotted gray;
}
CSS