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

border-top

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

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

<p>

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

</p>

<p>

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

</p>

<p>

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

</p>

<p>

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

</p>

Поделиться