

   
, ,  
   
   .
CSS  
  
  
.

  [border-
width]

  
  
border-width,   
  thin, medium
 thick,
    
.   
  :
[IMG]
/css/r1.png
[IMG]
/css/r2.png
  [border-color]

 border-color
  .
-
 ,: "#123456", "rgb(123,123,123)"
 "yellow".
 
  [border-style]

   
.   
   
  Internet
Explorer 5.5.
  
 "gold"  
"thick", ,,
   .
 none  hidden
 ,
   
.
[IMG]
/css/r3.png
[IMG]
/css/r4.png 
  .

  
      ,
,
  .
  
 , 
   <h1>, <h2>, <ul>  <p>.
, ,
 , 
 
:

h1 {
border-width: thick;
border-style: dotted;
border-color: gold;
}

h2 {
border-width: 20px;
border-style: outset;
border-color: red;
}

p {
border-width: 1px;
border-style: dashed;
border-color: blue;
}

ul {
border-width: thin;
border-style: solid;
border-color: orange;
}

  
  
,, 
  .    :

h1 {
border-top-width: thick;
border-top-style: solid;
border-top-color: red;

border-bottom-width: thick;
border-bottom-style: solid;
border-bottom-color: blue;

border-right-width: thick;
border-right-style: solid;
border-right-color: green;

border-left-width: thick;
border-left-style: solid;
border-left-color: orange;
}

  [border]

     
,   
   
 ,   border. 
:

p {
border-width: 1px;
border-style: solid;
border-color: blue;
}

  :

p {
border: 1px solid blue;
}

