С помощью атрибутов border-left-style (левая линия), border-right-style (правая линия), border-top-style (верхняя линия) и border-bottom-style (нижняя линия) можно задать тип линии рамки.

Могут принимать следующие значения:
□  попе — линия не отображается;
□  solid — линия отображается сплошной линией;
□  dotted — пунктирная линия;
□  dashed — штриховая линия;
□  double — линия отображается в виде двойной линии;
□  groove — вдавленная рельефная линия;
□  ridge — выпуклая рельефная линия;

□  inset — весь блок элемента отображается, как будто он вдавлен в лист;
□  outset — весь блок элемента отображается, как будто он выдавлен из листа.

В качестве примера укажем стиль линии рамки  (листинг 2.6).

Листинг 6. Тип рамки

  <div style="border-style: попе "> Рамка не отображается</div><br>  
  <div style="border-style: solid"> Рамка отображается сплошной линией</div><br>
  <div style="border-style: dotted"> Рамка отображается пунктирной линией</div><br>
  <div style="border-style: dashed"> Рамка отображается штриховой линией</div><br>
  <div style="border-style: double"> Рамка отображается в виде двойной линии</div><br>
  <div style="border-style: groove"> Вдавленная рельефная рамка</div><br>
  <div style="border-style: ridge"> Выпуклая рельефная рамка</div><br>
  <div style="border-style: inset"> 
     весь блок элемента отображается, как будто он вдавлен в лист
  </div><br>
  <div style="border-style: outset"> 
     весь блок элемента отображается, как будто он выдавлен из листа
  </div><br>

Эти атрибуты могут быть объединены в одном атрибуте border-style:

border-style:<top> <right> <bottom> <left>

Если все значения совпадают, можно указать это значение один раз.