СSS Свойство border
Пример
Задать стиль границ для различных элементов:
h1 {
border: 5px solid red;
}
h2 {
border: 4px dotted blue;
}
div {
border:
double;
}
Редактор кода »
Определение и использование
Свойство border является сокращенным свойством для:
- border-width
- border-style (обязательный)
- border-color
Если параметр border-color упущен, применяется цвет текста.
| Значение по умолчанию: | medium none color |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да, см. раздел отдельные свойства. Прочитать о animatable Попробовать |
| Версия: | 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 | Задает ширину границы. Значение по умолчанию будет "средний" |
| border-style | Задает стиль границы. Значение по умолчанию будет "нет" |
| border-color | Задает цвет границы. Значение по умолчанию цвет текста |
| initial | Задает для этого свойства значение индекса. Прочитать о initial |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS учебник: CSS Border
CSS учебник: CSS Box Model
HTML DOM справочник: Свойство border
