• Главная
• справочник по css
• свойства
• свойства рамок
• border-style

Свойство border-style

[ none | hidden | dotted | dashed | solid |
double | groove | ridge | inset | outset ]{1,4} | inherit 

Свойство border-style является сокращенной формой для одновременного задания стиля всех сторон рамки, окружающей элемент. Рамка отображается поверх фона, в частности при использовании стиля «double», фон будет прорисовываться в промежутке между линиями. Если для одной из сторон задан стиль «none» - то эта сторона рамки не отображается, а ширина этой стороны устанавливается в ноль.

Для отображения стилей «groove», «ridge», «inset» и «outset» агент пользователя должен, согласно рекомендациям стандарта CSS использовать текущий цвет рамки. Однако, так как конкретный алгоритм отображения не указывается, представление этих стилей рамки сильно различается у разных агентов пользователя.

Свойство border-style может принимать от одного до четырех значений. Если для свойства border-style принимает только одно значение - оно применяется ко всей рамке. Если задано два значения - первое значение применяется к верхней и нижней стороне рамки, а второе - к левой и правой стороне рамки. Если заданы три значения - первое применяется к верхней стороне рамки, второе - к левой и правой, а третье - к нижней стороне рамки. Если свойство border-style принимает четыре значения, то они применяются к верхней, правой, нижней и левой сторонам соответственно.