Код вашей страницы

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
p {border:1px solid red;}
p.dotted {outline-style:dotted;}
p.dashed {outline-style:dashed;}
p.solid {outline-style:solid;}
p.double {outline-style:double;}
p.groove {outline-style:groove;}
p.ridge {outline-style:ridge;}
p.inset {outline-style:inset;}
p.outset {outline-style:outset;}
</style>
</head>
<body>

<p class="dotted">Внешняя граница из точек.</p>
<p class="dashed">Пунктирная внешняя граница.</p>
<p class="solid">Сплошная внешняя граница.</p>
<p class="double">Двойная внешняя граница.</p>
<p class="groove">Трехмерная внешняя граница.</p>
<p class="ridge">Трехмерная внешняя граница.</p>
<p class="inset">Трехмерная внешняя граница.</p>
<p class="outset">Трехмерная внешняя граница.</p>
<p>Заметка: помните, что Internet Explorer 8 (и выше) поддерживает свойстов outline только если указан !DOCTYPE.</p>
</body>
</html>

Результат в окне браузера

Внешняя граница из точек.

Пунктирная внешняя граница.

Сплошная внешняя граница.

Двойная внешняя граница.

Трехмерная внешняя граница.

Трехмерная внешняя граница.

Трехмерная внешняя граница.

Трехмерная внешняя граница.

Заметка: помните, что Internet Explorer 8 (и выше) поддерживает свойстов outline только если указан !DOCTYPE.

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки