Оглавление

7.1. Стиль линии рамки

С помощью атрибутов 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>

 

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

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити