Стиль границы.

Если в HTML бордюр мог быть только в виде сплошной линии вокруг элемента, то в CSS это уже достаточно широкий набор возможных стилей рамок.

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

none - граница отсутствует (по умолчанию).

dotted - граница из ряда точек.

dashed - пунктирная граница.

solid - сплошная граница

double - двойная граница

groove - граница " бороздка"

ridge - граница " гребень"

inset - вдавленная граница

outset - выдавленная граница

Пример:

<! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" " https://www.w3.org/TR/html4/loose.dtd" >
< html>
< head>
< title> Стиль границы< /title>
< style type=" text/css" >
p {
background-color: #f5f5f5;
text-align: center;
}
< /style>
< /head>
< body>
< p style=" border-style: none; " > граница отсутствует< /p>
< p style=" border-style: dotted; " > граница из ряда точек< /p>
< p style=" border-style: dashed; " > пунктирная граница< /p>
< p style=" border-style: solid; " > сплошная граница< /p>
< p style=" border-style: double; " > двойная граница< /p>
< p style=" border-style: groove; " > граница " бороздка" < /p>
< p style=" border-style: ridge; " > граница " гребень" < /p>
< p style=" border-style: inset; " > вдавленная граница< /p>
< p style=" border-style: outset; " > выдавленная граница< /p>
< /body>
< /html>

Стиль бордюра может быть задан как для всех сторон элемента одновременно, так и для каждой его стороны отдельно в зависимости от того, сколько значений присвоено свойству border- style. Таковых значений может быть от одного до четырёх по числу сторон элемента.

В каждом из четырёх случаев действуют свои " правила" по присуждению стиля рамки той или иной стороне элемента, которые приведены в таблице ниже: