x
<html><head><style>body { text-align: center;}/* Четыре значения */p.four { border-style: dotted solid double dashed;}/* Три значения */p.three { border-style: dotted solid double;}/* Два значения */p.two { border-style: dotted solid;}/* Одно значение */p.one { border-style: dotted;}</style></head><body><h2>Отдельные стороны границы</h2><p class="four">4 разных стиля границ.</p><p class="three">3 разных стиля границы.</p><p class="two">2 разных стиля границы.</p><p class="one">1 стиль границы.</p></body></html>