AJAX загрузка
home

СSS Учебник

CSS Справочник

CSS Свойства

animation
background
border
box
column
font
list-style
margin
outline
padding
text
transition

Система Извещения об Ошибках wisdomweb.ru

CSS свойство border-width

Пример

/* В результате все границы границы элемента будут отображены сплошной линией 
толщиной 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 Определяет толстую границу.