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