CSS. Свойства для верхнего, нижнего, правого и левого края рамки.

     Также можно установить специальные свойства для верхнего, нижнего, правого и левого края рамки.
     Свойство border объединяет в себе :
border-top - верхняя граница элемента;
border-right - правая;
border-bottom - нижняя;
border-left - левая граница элемента.

Пример:

<html>
  <head>
    <title>Пример</title>
    <style type="text/css">
       .ramka {
border-top-width: thick;
border-top-style: dotted;
border-top-color: red;

border-bottom-width: 10 px;
border-bottom-style: outset ;
border-bottom-color: blue;

border-right-width: 12 px;
border-right-style: inset;
border-right-color: green;

border-left-width: thick;
border-left-style: solid;
border-left-color: orange;
}
    </style>
  </head>
  <body>
   <h3  class="ramka"> Рамка с различными краями.
  </h3>
   </body>
</html>
 

Результат: (открыть в браузере)


 

 
Загрузка...