Статьи

border-bottom (свойство CSS)

Синтаксис

border-bottom: {[ border-width ] [ border-style ] [ border-color ] | наследовать};

Описание

Сокращенное свойство border-bottom-width устанавливать border-bottom-style border-bottom-width и / или border-bottom-style и / или border-bottom-color для нижней стороны элемента.

Границы располагаются поверх фона элемента.

пример

Это правило стиля назначает синюю рамку размером 2 пикселя нижней части абзацев внутри элемента с идентификатором "example" :

 #example p { border-bottom: 2px solid blue; } 

Значение

Обратитесь к следующим отдельным свойствам для конкретной информации о допустимых и начальных значениях: border-width , border-style и border-color .

Отрицательные значения длины недопустимы.

Как и в большинстве сокращенных свойств, вам не нужно указывать все перечисленные свойства, но любые пропущенные свойства вернутся к значениям по умолчанию. В случае стиля border-style , если вы опустите значение, граница не будет отображаться вообще, потому что значением по умолчанию является none . Граница будет видна только до тех пор, пока для свойства border-style установлено значение, отличное от none или hidden , или оно было явно восстановлено после первоначального краткого объявления. В противном случае граница не будет отображаться, а border-width будет сброшена на ноль. Поэтому рекомендуется указывать значение стиля границы при использовании сокращенной записи.