border-width
CSS свойство border-width
Поддержка браузеров
 |
 |
 |
 |
 |
 |
|
|
|
|
Описание
Свойство border-width задает ширину для границ рамки элемента. Можно использовать от 1 до 4 значений. Ширина устанавливается начиная с верхней позиции. Если задано два значения ширины подряд, это значит первое значение для верхней и нижней границы, второе значение для правой и левой границы.
-
border-width:thin medium thick 10px;
- Верхняя граница - тонкая
- Правая граница - средняя
- Нижняя граница - толстая
- Левая граница - 10px
-
border-width:thin medium thick;
- Верхняя граница - тонкая
- Правая и левая границы - средние
- Нижняя граница - толстая
-
border-width:thin medium;
- Верхняя и нижняя границы - тонкие
- Правая и левая границы - средние
-
border-width:thin;
- Все четыре границы - тонкие
| Значение по умолчанию: | medium |
|---|---|
| Наследуется: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.borderWidth="thin thick" |
Значения свойства
| Значение | Описание |
|---|---|
| thin | Тонкая граница рамки. |
| medium | Средняя граница рамки. |
| thick | Толстая граница рамки. |
| ширина | Позволяет определить ширину рамки в единицах измерения, поддерживающихся CSS. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
body{
border-style:solid;
border-width:20px;
}
