AJAX загрузка
home

СSS Учебник

CSS Справочник

CSS Свойства

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

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

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

Пример

/* Верхняя и нижняя граница элемента будет нарисована сплошной линией, а 
левая и правая пунктирной */
p
{
border-style:solid dashed;
}
Быстрый просмотр

Описание

С помощью свойства border-style Вы можете установить стиль для всех 4 границ элемента за одно определение.

Свойство border-style может иметь от одного до четырех значений:

Пример с четырьмя заданными значениями:

Пример

/* Верхняя граница элемента будет нарисована сплошной линией, правая пунктирной, 
нижняя двойной, а левая точечной */
p
{
border-style:solid dashed double dotted;
}
Быстрый просмотр

Пример с тремя заданными значениями:

Пример

/* Верхняя граница элемента будет нарисована сплошной линией, левая и правая 
пунктирной, нижняя двойной */
p
{
border-style:solid dashed double;
}
Быстрый просмотр

Пример с двумя заданными значениями:

Пример

/* Верхняя и нижняя граница элемента будет нарисована сплошной линией, левая и правая 
пунктирной */
p
{
border-style:solid dashed;
}
Быстрый просмотр

Пример с одним заданным значением:

Пример

/* Все границы элемента будут нарисованы сплошной линией */
p
{
border-style:solid;
}
Быстрый просмотр

Возможные значения

Значения Описание
solid Определяет сплошную границу.
none Убирает границу.
dotted Определяет точечную границу.
dashed Определяет пунктирную границу.
double Определяет двойную границу.
groove Определяет объемную вдавленную границу.
ridge Определяет объемную выпуклую границу.