свойство border-top-style

Свойство border-top-style определяет стиль верхней границы блока. Стиль верхней границы рамки, по умолчанию, не наследуется и считается невидимым. Стиль может принимать любое значение в соответствии со стандартом CSS 2.1 или CSS 3, либо значением inherit.

Доступные стили:

Для стилей groove, ridge, inset, outset в спецификации не утвержден метод расчета цвета, поэтому в разных браузера, рамки с такими стилями могут немного визуально отличаться (см. border-style - примеры). Так же в спецификации не обсуждается размер точек, штрихов и промежутков между ними для стилей dotted и dashed, рекомендуется только выбирать такие размеры, чтобы углы рамки смотрелись симметрично, кроме этого в браузерах на движках Trident (Internet Explorer) и Gecko (Firefox) стиль dotted отображается кружками, а в браузерах на движках WebKit (Chrome,Safari) и Presto (Opera) квадратиками.

Специфические стили:

Данные стили доступны только в определенных версиях браузеров и не являются часть стандарта CSS.

Trident (Internet Explorer)

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

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

CSS 2.1, CSS3

.elementBorderStyle {
    border-top-style: dotted;
}

.elementBorderStyle {
    border-top-style: dashed;
}

.elementBorderStyle {
    border-top-style: solid;
}

.elementBorderStyle {
    border-top-style: double;
}

.elementBorderStyle {
    border-top-style: groove;
}

.elementBorderStyle {
    border-top-style: ridge;
}

.elementBorderStyle {
    border-top-style: inset;
}

.elementBorderStyle {
    border-top-style: outset;
}

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

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

• border-style - Стиль линии рамки элемента
• border-right-style - Стиль правой линии рамки элемента
• border-bottom-style - Стиль нижней линии рамки элемента
• border-left-style - Стиль левой линии рамки элемента
• border - Свойства рамки элемента

• Спецификация стандарта CSS 2.1
• Спецификация стандарта CSS 3
• Описание на Mozilla Developer Network
• Описание на Microsoft Developer Network
• Описание на Safari Developer Library