Рамки

Свойство border

Свойство border позволяет изменить рамки HTML.

Синтаксис:


 border: border-width  border-style  border-color;

border-width - устанавливает толщину границы.
border-style - устанавливает вид границы.
border-color - устанавливает цвет границы.


  <span id="brd">Привет, ты на сайте Rapprogtrain</span>

  <style>
   #brd {
    border: 2px solid #212121;
    background: #fffc68; 
    padding: 5px; 
   }

Привет, ты на сайте Rapprogtrain

Значение border-style


 <span id="none">Привет мир</span><br>
  <span id="dotted">Привет мир</span><br>
  <span id="dashed">Привет мир</span><br>
  <span id="double">Привет мир</span><br>
  <span id="groove">Привет мир</span><br>
  <span id="ridge">Привет мир</span><br>
  <span id="inset">Привет мир</span><br>
  <span id="outset">Привет мир</span><br>
  <span id="hidden">Привет мир</span>

 <style>
   #none {border-style: none;}
   #dotted {border-style: dotted;}
   #dashed {border-style: dashed;}
   #double {border-style: double;}
   #groove {border-style: groove;}
   #ridge {border-style: ridge;}
   #inset {border-style: inset;}
   #outset {border-style: outset;}
   #hidden {border-style: hidden;}
 </style>

Привет мир
Привет мир
Привет мир
Привет мир
Привет мир
Привет мир
Привет мир
Привет мир
Привет мир