border-top
Поддержка браузерами
| 12.0+ | 4.0+ | 1.0+ | 1.0+ | 3.5+ | 1.0+ |
Описание
CSS свойство border-top позволяет в одном объвлении указать ширину, стиль и цвет верхней рамки элемента.
Свойства, значения которых могут быть использованы для редактирования верхней рамки: border-top-width, border-top-style и border-top-color. Значения разделяются пробелом и могут быть записаны в любом порядке. Все три значения указывать не обязательно, ширину и/или цвет можно опустить.
| Значение по умолчанию: | не определено |
|---|---|
| Применяется: | ко всем элементам |
| Анимируется: | да, смотрите каждое свойство, входящее в состав краткого метода, отдельно |
| Наследуется: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.borderTop="3px solid blue" |
Синтаксис
border-top: width style color|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| border-top-width | Указывает ширину для верхней рамки. |
| border-top-style | Указывает стиль для верхней рамки. |
| border-top-color | Задает цвет для верхней рамки. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Пример</title>
<style>
p {
border-style: solid;
border-top: thick dotted #ff0000;
}
</style>
</head>
<body>
<p>Здесь расположен какой-то текст.</p>
</body>
</html>
Результат данного примера в окне браузера:
