CSS 2 - Border-style

 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]

border-style

    

Wartości:

  • none (wartość domyślna) - brak obramowania;
  • hidden - obramowanie ukryte;
  • solid - standardowa linia obramowania;
  • dotted - obramowanie utworzone z kropek;
  • dashed - obramowanie utworzone z kresek;
  • double - podwójna linia obramowania;
  • groove - przestrzenna wklęsła linia obramowania;
  • ridge - przestrzenna wypukła linia obramowania;
  • inset - wklęsła linia obramowania;
  • outset - wypukła linia obramowania;
  • inherit - przejęcie wartości "rodzica".

 

Zastosowanie.

Przykład:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
   <meta http-equiv="content-type"   content="text/html; charset=iso-8859-2">
   <title>Pierwszy dokument</title>
   <style type="text/css">
      TABLE {border-color:red;border-style:double;border-width:10px;}
      TD {border-color:blue;border-style:dashed;border-width:2px;}
   </style>
</head>
<body>
   <table border="1" width="100%">
      <tr>
         <td width="50%">Komórka 1</td>
         <td width="50%">Komórka 2</td>
      </tr>
      <tr>
         <td width="50%">Komórka 3</td>
         <td width="50%">Komórka 4</td>
      </tr>
   </table>
</body>
</html>

[testuj]

 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]