3.3 Standardmäßig für Bilder verwendete Rahmen entfernen

Problem

Sie wollen die Rahmen entfernen, die standardmäßig in einigen Browsern für Bilderlinks verwendet werden (siehe Abbildung 3-3).

Lösung

Setzen Sie den Wert der Eigenschaft border für Bilder auf null (siehe Abbildung 3-4):

a img {
 border: 0;
}
Ein Bild mit Rahmen

Abbildung 3-3. Ein Bild mit Rahmen

Für alle als Link definierten Bilder wird nun kein Rahmen mehr angezeigt.

Abbildung 3-4. Für alle als Link definierten Bilder wird nun kein Rahmen mehr angezeigt.

Diskussion

Bevor es CSS gab, wurde der Rahmen für Bilder über das Attribut border für das img-Element festgelegt:

<a href="http://csscookbook.com"> ...

Get CSS Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.