Bilderrahmen formatieren per CSS

  • Cascading Style Sheets (CSS) bieten nicht nur für Tabellen und deren Zellen interessante Möglichkeiten, diese mit einem Rahmen oder Teilrahmen zu versehen. Auch Bilder oder Texte können mit einem Rahmen versehen werden. Für ein einzelnes Bild direkt innerhalb des <img>-Tags könnte man beispielsweise Folgendes angeben, um einen zwei Pixel breiten, gestrichelten, schwarzen Rahmen zu erhalten: <img src="bild.gif" style="border: 2px dashed black"> Oder aber man lagert die Definition aus, um alle Bilder mit dem Rahmen zu versehen: img {border : 2px dashed black;} Für den Rahmeneffekt sind neben "dashed" auch folgende Angaben erlaubt: "none" (kein Rahmen), "hidden" (kein Rahmen bzw. unsichtbarer Rahmen), "dotted" (gepunkteter Rahmen), "solid" (durchgezogen, Standard), "double" (doppelt durchgezogen) sowie "groove", "ridge", "inset" und "outset" für verschiedene 3D-Effekte.