Hier bist Du: Home « Tipps und Tricks « Farbige Tabellenrahmen

Tipps und Tricks: Farbige Tabellenrahmen

Beispiel

Das border-Attribut im <table>-Tag erzeugt nur relativ dicke und unschöne Rahmen. Mit den Eigenschaften border-left, border-right, border-top, border-bottom lassen sich problemlos unterschiedliche Rahmen für alle vier Seiten erzeugen. Gebe dafür die Eigenschaften im <table>-Tag an.

Internet Explorer 4.0, Netscape 6.x, Opera 5, Mozilla 1.0, Mozilla Firefox 0.8 
<table width="30%" 
style="border-left:5px solid #ff0000;
border-right:5px solid #ff0000;
border-top:5px solid #0000ff;
border-bottom:5px solid #0000ff;">
<tr>
  <td>
   Eine Tabelle mit farbigen Rahmen
  </td>
 </tr>
</table>

Die hier verwendeten Eigenschaften sind Kurzformen und vereinen die Angaben für Rahmenbreite, Rahmenart und Rahmenfarbe. Du gibst wie oben im Beispiel die drei Werte durch Leerzeichen getrennt und in beliebiger Reihenfolge an. Du kannst natürlich auch unterschiedliche Breiten und Arten von Rahmen wählen.

Browser

Browser, wie der Netscape 4.x, zeigen keinen Rahmen an. Da die Anzahl der Netscape 4-User nur noch sehr gering ist, dürfte das egal sein.