Что такое border-top в CSS3?
Свойство
Стоит знать: к каждому значению существует свое отдельное свойство. Например, для указания цвета верхней границы существует стиль border-top-color. К этой же верхней границе можно установить ширину - border-top-width, а также тип обводки - border-top-style.
border-top необходимо для указания свойств верхней границы. Оно является универсальным, так как при помощи него вы можете сразу установить все необходимые параметры для создания обводки: указать размер,
цвет, а также форму. Важно понимать, что на месте точек:
border-... может находиться слово top, bottom, left, right. То есть вы можете указать значения для всех 4 сторон объекта.В свойство
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;
}
Комментарии
