Beispiel

body { border: thick dashed yellow; } 
p { border: thick double yellow; } 
blockquote  { border: dotted gray; } oder 
p.rahmen_dick { border: #DAA520 solid;
 width: 300px; 
 padding: 10px;
 background-color: #F0E68C; 
 border-width: 15px 2px 25px} ... 

<p class="rahmen_dick"> Noch  nie war der Rahmen so bunt!</p>  

Darstellung

Noch nie war der Rahmen so bunt!

Beispiel

  body { border-bottom: thick dashed yellow; } 

  body { border-left: 23px double yellow; } 

  body { border-right: dotted gray; } oder 

  p.rahmen { border-bottom: 25px solid red; 
             border-left: 25px solid yellow;
             border-right: 25px solid blue;
             border-top: 25px solid green;}

   ...

  <p class="rahmen">So bunt war der Rahmen noch nie!</p> 

Darstellung

So bunt war der Rahmen noch nie!

Beispiel

   table { border--bottom-color: RGB(201, 94, 177); } 

   body { border-bottom-color: #E95A2B; } 

   textarea { border-bottom-color: silver; } oder 

   p.rahmen2 {  border-bottom-color: red; 
			border-bottom-style: double;
  			border-left-color: yellow; 
			border-left-style: double;
  			border-right-color: blue; 
			border-right-style: double;
  			border-top-color: green; 
			border-top-style: double; 
			border-color: seagreen darkslategray teal; }

   ... 

   <p class="rahmen2">So bunt war der Rahmen noch nie!</p> 

Darstellung

So bunt war der Rahmen noch nie!

Beispiel

body { border-bottom-style: groove; } oder 
p.rahmen3 { border-top-color: green;  
            border-top-style: groove; 
            border-top-width: 15px; 
            border-right-color: blue; 
            border-right-style:  double; 
            border-right-width: 15px; 
            border-bottom-color: red; 
            border-bottom-style:  dashed; 
            border-bottom-width: 15px; 
            border-left-color: yellow; 
            border-left-style:  dotted; 
            border-left-width: 15px; } 
p.rahmen4 { border-top-color: green; 
            border-top-style:  solid; 
            border-top-width: 15px; 
            border-right-color: blue; 
            border-right-style: ridge;  
            border-right-width: 15px; 
            border-bottom-color: red; 
            border-bottom-style: inset;  
            border-bottom-width: 15px;
            border-left-color: yellow; 
            border-left-style: outset; 
            border-left-width: 15px;  } ... 
<p class="rahmen3">So bunt war der Rahmen noch nie!</p>  
<p class="rahmen4">So bunt war der Rahmen noch nie!</p>  

Darstellung

So bunt war der Rahmen noch nie!

So bunt war der Rahmen noch nie!

Beispiel

body { border-bottom-width: thick; } 
body { border-bottom-width: 0.25in; } 
body  { border-bottom-width: 5mm; } oder 
p.rahmen5 { border-bottom-color: red; 
            border-bottom-style:  double; 
            border-bottom-width: 15px; 
            border-left-color: yellow; 
            border-left-style:  double; 
            border-left-width: 10px; 
            border-right-color: blue; 
            border-right-style:  double; 
            border-right-width: 5px; 
            border-top-color: green; 
            border-top-style: double;  
            border-top-width: 2px;} ... 
<p class="rahmen5">So bunt war der  Rahmen noch nie!</p>  

Darstellung

So bunt war der Rahmen noch nie!

Beispiel

   body { border-width: thick; } 
   body { border-width: 0.25in; }
   body { border-width: 5mm; } oder


   p.rahmen6 { border-color: red silver cyan blue;   
   border-style: solid dashed dotted outset;
   border-width: 5px 10px 15px 20px; }
...
 <p class="rahmen6"> So bunt war der Rahmen noch nie! </p> 

Darstellung

So bunt war der Rahmen noch nie!

Beispiel

body { border-color: RGB(201, 94, 177); } 
body { border-color: #E95A2B; } 
body  { border-color: silver; } 
body { border-color: silver ;red; } 
body { border-color:  silver red RGB(223, 94, 77); } 
body { border-color: silver red RGB(223, 94, 77)  black; } oder 
p.rahmen6 { border-color: red silver cyan blue;
 border-style: solid dashed dotted outset;
 border-width: 5px 10px 15px 20px; } 
... 
<p class="rahmen6"> So  bunt war der Rahmen noch nie! </p>  

Darstellung

So bunt war der Rahmen noch nie!

Beispiel

body { border-style: double; } 
body { border-style: double groove; } 
body { border-style:  double groove dashed; } 
body { border-style: double groove none solid; } oder  
p.rahmen6 { border-color: red silver cyan blue;
        border-style: solid dashed dotted outset;
        border-width: 5px 10px 15px 20px; } ... 

<p class="rahmen6"> So  bunt war der Rahmen noch nie!</p>  

Darstellung

So bunt war der Rahmen noch nie!