border-top-style

 
border-top-style - управляет стилем верхней стороны границы элемента.

Значения

none - граница не отображается, значение ее ширины не принимаются во внимание.
hidden - тот же эффект, что и при none за исключением применения border-top-style к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse. В этом случае левая граница в ячейке не будет отображаться вообще.
dotted - граница состоящая из набора точек.
dashed - линия, состоящая из серии коротких отрезков, пунктирная линия.
solid - сплошная линия.
double - двойная линия.
inset - трехмерная вдавленная линия.
outset - трехмерная выпуклая линия.
groove - эффект вдавленной линии.
ridge - эффект рельефной линии.

inherit - наследует значение родительского элемента.

Пример использования

{
       background-color: #FFFFFF;
       border: solid 2px red; /*красная сплошная */
       border-top-style: dotted; /*верхняя граница пунктиром */
}

Характеристики

1. Применяется ко всем элементам.
2. Не наследуется.

Синтаксис

border-top-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit

Версии CSS

CSS 2
CSS 2.1
CSS 3

Смотрите также:

border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-collapse
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width

Нашли ошибку, опечатку, неточность, неактуальную или устаревшую информацию? Пишите.