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

border

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

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

<p>

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

</p>

<p>

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

</p>

<p>

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

</p>

<p>

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

</p>

Поделиться