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