Rahmen einer Zelle (nicht Tabelle)

[AngelOfMine]

Hallo!

Vielleicht auf den ersten Blick eine etwas simple Frage, doch auf den zweiten nicht unbedingt leicht - zumindest komm ich nicht drauf.

Wie kann ich bei einer Tabelle den Rahmen einer Zelle farbig gestalten? Doch halt, halt! Nicht den ganzen Rahmen, wie manch einer denken mag, sondern jede Seite der Zelle (oben, unten, rechts, links) für sich bzw in Kombination (rechts/unten, links/oben etc.)

Wäre für Vorschläge dankbar.

Angel

[MudGuard]

Hi,

Wie kann ich bei einer Tabelle den Rahmen einer Zelle farbig gestalten? Doch halt, halt! Nicht den ganzen Rahmen, wie manch einer denken mag, sondern jede Seite der Zelle (oben, unten, rechts, links) für sich bzw in Kombination (rechts/unten, links/oben etc.)

CSS - insbes. die  border-Properties.

cu,
Andreas

[Sönke Tesch]

Wie kann ich bei einer Tabelle den Rahmen einer Zelle farbig gestalten? Doch halt, halt! Nicht den ganzen Rahmen, wie manch einer denken mag, sondern jede Seite der Zelle (oben, unten, rechts, links) für sich bzw in Kombination (rechts/unten, links/oben etc.)

Für's Aussehen ist CSS zuständig, und für die Rahmen jedes HTML-Elements, inklusive <td>, die border-Eigenschaften: http://www.w3.org/TR/CSS2/box.html#border-properties.

Gruß,
  soenk.e

[Michael Jendryschik]

Wie kann ich bei einer Tabelle den Rahmen einer Zelle farbig gestalten?

Deklariere 'border' für 'td'.

Doch halt, halt! Nicht den ganzen Rahmen, wie manch einer denken mag, sondern jede Seite der Zelle (oben, unten, rechts, links) für sich bzw in Kombination (rechts/unten, links/oben etc.)

Deklariere 'border-top', 'border-right', 'border-bottom' und 'border-left' für 'td' separat, zum Beispiel:

td {
   border-top: solid #000;
   border-right: solid #333;
   border-bottom: solid #666;
   border-left: solid #999;
}

Wobei man natürlich auch schreiben könnnte:

td {
   border-style: solid;
   border-top-color: #000;
   border-right-color: #333;
   border-bottom-color: #666;
   border-left-color: #999;
}

Siehe dazu auch http://jendryschik.de/wsdev/einfuehrung/css/box-modell.html#rahmen.

MI