Пример 1
Устанавливает стиль четырех границ:<html>
<head>
<meta charset="utf-8" />
<style>
p { border:5px solid red; }
</style>
</head>
<body>
<p>Это некоторый текст в параграфе</p>
</body>
</html>
Определение и использование
Сокращенная форма записи границы устанавливает все свойства границы в одной декларации.
Свойства, которые могут быть установленны (в следующем порядке):
Не важно, если некоторые из значений свойства отсутствуют, до тех пор, пока хотя бы один присутствует в этом порядке. Например можно написать border:solid #ff0000;.
| Значение по умолчанию: | не определено |
|---|---|
| Унаследованный: | нет |
| Версия: | CSS1 |
| Синтакс JavaScript: | object.style.border="3px solid blue" |
Поддержка браузеров
Свойство border поддерживается во всех ведущих браузерах.
Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение свойства "inherit".
Значения свойства
| Значение | Описание |
|---|---|
| border-width | Определяет ширину границы. Смотрите border-width для возможных значений |
| border-style | Определяет стиль границы. Смотрите border-style для возможных значений |
| border-color | Определяет цвет границы. Смотрите border-color для возможных значений |
| inherit | Указывает, что значение свойства border должно быть унаследовано от родительского элемента |
Была ли эта информация полезной?
