СВОЙСТВО BORDER-WIDTH
Свойство border-width устанавливает ширину рамки элемента.
Поддержка браузеров
Синтаксис
border-width: единицы измерения|medium|thin|thick|initial|inherit
Значения свойства
| Значение | Описание |
|---|---|
| единицы измерения | Устанавливает ширину рамки в единицах измерения. |
| medium | Значение по умолчанию. Определяет среднюю рамку. |
| thin | Определяет тонкую рамку. |
| thick | Определяет толстую рамку. |
| 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;
border: 3px solid gray
}
.block-1 {
border-width: 1px
}
.block-2 {
border-width: thick
}
.block-3 {
border-width: 10px
}
CSS