#### 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!