Сокращенное свойство для нижней границы: border-bottom

border-bottom

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 4 3.5 1.0
Свойство
border-bottom — это сокращенное свойство позволяет задать стиль, ширину и цвет нижней границы
Описание
Границы позволяют выделить текст из общего потока, придать ему особенное значение, украшают его
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
border-bottom-style | border-bottom-width | border-bottom-color | inherit
Значение по умолчанию
none — для свойства border-bottom-style
medium — для свойства border-bottom-width
цвет текста — для свойства border-bottom-color
Правила записи
свойство: значение; или
свойство: значение значение; или
свойство: значение значение значение;

  • значения перечисляются через пробел
  • значения могут перечисляться в любом порядке
  • обязательно нужно указывать стиль границы, иначе другие свойства работать не будут
Примеры

<p>

Этот абзац имеет стиль нижней границы solid

</p>

<p>

Этот абзац имеет стиль нижней границы dotted и ширину нижней границы 10px

</p>

<p>

Этот абзац имеет стиль нижней границы dashed, ширину нижней границы 17px и цвет нижней границы aquamarine

</p>

<p>

Это значит что свойство унаследует значение от родителя

</p>

Поделиться