/ Справочники / CSS3 / border-top

Информация по поводу - border-top


Свойство border-top необходимо для указания свойств верхней границы. Оно является универсальным, так как при помощи него вы можете сразу установить все необходимые параметры для создания обводки: указать размер, цвет, а также форму. 

Важно понимать, что на месте точек: border-... может находиться слово top, bottom, left, right. То есть вы можете указать значения для всех 4 сторон объекта.

Стоит знать: к каждому значению существует свое отдельное свойство. Например, для указания цвета верхней границы существует стиль border-top-color. К этой же верхней границе можно установить ширину - border-top-width, а также тип обводки - border-top-style.

В свойство border-top записывается 3 параметра со следующей очередностью: ширина (в любых допустимых единицах), стиль границы (об этом чуть ниже), её цвет.

Стиль границы может быть следующих типов (применяем только к верхней границе):
1) solid - просто рамка без пробелов в ней;
Solid
2) dotted - рамка выполненная точками;
Solid
3) double - двойная рамка;
Solid
4) dashed - небольшие пробелы в рамке;
Solid
5) inset - рамка якобы внутри;
Solid
6) outset - рамка находиться снаружи;
Solid
7) groove - как небольшая выемка;
Solid
8) ridge - в виде рамки.
Solid
Пример свойства:
div {
   border-top: 2px inset #df6363;
}