CSS border Свойство
Пример
Задайте стиль границ для различных элементов:
h1 {
border: 5px solid red;
}
h2 {
border: 4px dotted blue;
}
div {
border:
double;
}
Определение и использование
Свойство border является сокращенным свойством для:
- border-width
- border-style (Обязательно)
- border-color
Если граница-цвет опущен, цвет будет применяться цвет текста.
| Значение по умолчанию: | medium none color |
|---|---|
| Inherited: | no |
| Animatable: | yes, see individual properties. Читайте о animatable |
| Version: | CSS1 |
| Синтаксис JavaScript: | object.style.border="3px solid blue" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис CSS
border: border-width border-style border-color|initial|inherit;
Значения свойств
| Значение | Описание |
|---|---|
| border-width | Задает ширину границы. Значение по умолчанию — "Medium" |
| border-style | Задает стиль границы. Значение по умолчанию — "None" |
| border-color | Задает цвет границы. Значение по умолчанию — цвет текста |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Border
CSS Справочник: CSS Box Model
HTML DOM Справочник: border Свойство