border-top

Пример 1

Устанавливает стиль верхней границы:

<html>
<head>
<meta charset="utf-8" />
<style>
     p 
     { 
          border-style:solid;
          border-top:thick double #ff0000;
     }
</style>
</head>
<body>
<p>Это некоторый текст в параграфе</p>
</body>
</html>

Результат выполнения кода выше:

Попробуйте сами

Определение и использование

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

Свойства, которые могут быть установленны (в следующем порядке):

Не важно, если некоторые из значений свойства отсутствуют, до тех пор, пока хотя бы одно присутствует в этом порядке. Например можно написать border-top:solid #ff0000;.

Значение по умолчанию:	не определено
Унаследованный:	нет
Версия:	CSS1
Синтакс JavaScript:	`object.style.borderTop="3px solid blue"`

Поддержка браузеров

Свойство border-top поддерживается во всех ведущих браузерах.

Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение свойства "inherit".

Значения свойства

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

Связанные страницы

CSS пособие: CSS Границы

jQuery пособие: css()

Была ли эта информация полезной?

Да Нет