Создание сайта на CMS WordPress: обучение и хостинг

СВОЙСТВО BORDER-BOTTOM-STYLE

Свойство border-bottom-style устанавливает стиль рамки элемента снизу.

Поддержка браузеров

Синтаксис

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Значения свойства

Значение	Описание
none	Значение по умолчанию. Рамка снизу будет отсутствовать.
hidden	Также как и в случае с none, рамка снизу будет отсутствовать. В случае, если задано свойство background-image, значение border-top-width всегда будет 0. В случае, когда border-style: hidden применяется к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse, рамка всегда будет отсутствовать.
dotted	Определяет точечную рамку снизу.
dashed	Определяет пунктирную рамку снизу.
solid	Определяет сплошную рамку снизу.
double	Определяет двойную рамку снизу.
groove	Определяет вдавленную резную рамку снизу.
ridge	Определяет выступающую рамку снизу.
inset	Определяет рамку снизу, которая создает эффект встроенности элемента.
outset	Определяет рамку снизу, которая создает эффект рельефа у элемента.
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-bottom-style: inset
}

.block-2 {
    border-bottom-style: double
}

.block-3 {
    border-bottom-style: dashed
}

CSS

← Перейти к списку свойств