Пример
/* В результате все границы границы элемента будут отображены сплошной линией
толщиной 2 пикселя */
p
{
border-style:solid;
border-width:2px;
}
С помощью свойства border-width Вы можете установить толщину всех четырех границы элемента.
Это свойство может иметь от одного до четырех значений.
Пример с четырьмя заданными значениями:
Пример
/* Верхняя граница элемента будет нарисована тонкой сплошной линией, правая сплошной толщиной 3px,
нижняя сплошной толщиной 6px, а левая сплошной толстой */
p
{
border-style:solid;
border-width:thin 3px 6px thick;
}
Пример с тремя заданными значениями:
Пример
/* Верхняя граница элемента будет нарисована сплошной тонкой линией, левая и правая сплошной
толщиной 3px, нижняя сплошной толщиной 6px */
p
{
border-style:solid;
border-width:thin 3px 6px;
}
Пример с двумя заданными значениями:
Пример
/* Верхняя и нижняя граница элемента будет нарисована сплошной тонкой линией, левая и правая сплошной
толщиной 3px */
p
{
border-style:solid;
border-width:thin 3px;
}
Пример с одним заданным значением:
Пример
/* В результате все границы границы элемента будут отображены сплошной линией толщиной 2 пикселя */
p
{
border-style:solid;
border-width:2px;
}
Обратите внимание: перед определением ширины границ убедитесь что они видимы установив свойству border-style значение отличное от none.
| Значения | Описание |
|---|---|
| ширина | Позволяет Вам определить ширину границы в пикселях(px). |
| thin | Определяет тонкую границу. |
| medium | Определяет границу средней ширины. Является значением по умолчанию. |
| thick | Определяет толстую границу. |