<!DOCTYPE html>
<html>
<head>
<style>
p.one {
border-style: solid;
border-width: 5px;
}
p.two {
border-style: solid;
border-width: medium;
}
p.three {
border-style: dotted;
border-width: 2px;
}
p.four {
border-style: dotted;
border-width: thick;
}
p.five {
border-style: double;
border-width: 15px;
}
p.six {
border-style: double;
border-width: thick;
}
</style>
</head>
<body>
<h2>Свойство border-width</h2>
<p>Это свойство определяет ширину четырех границ:</p>
<p class="one">Какой-то текст.</p>
<p class="two">Какой-то текст.</p>
<p class="three">Какой-то текст.</p>
<p class="four">Какой-то текст.</p>
<p class="five">Какой-то текст.</p>
<p class="six">Какой-то текст.</p>
<p><b>Примечание:</b> Свойство "border-width" не работает, если оно используется отдельно.
Всегда указывайте свойство "border-style", чтобы сначала установить границы.</p>
</body>
</html>