CSS Cookbook, 2nd Edition

2017-07-07 02:10:07

Problem

You want to remove borders on images that are clickable like the one in Figure 3-3.

Figure 3-3. An image with a border

Solution

Set the border for images to zero (see Figure 3-4):

a img { border: 0; }

Figure 3-4. Now all images that are links will no longer have a border

Discussion

Before CSS, web developers would set the border of images through the border attribute of the img element:

With the advent of CSS, developers separate the presentation from the content and that includes the border property. While including the border attribute in the HTML element is no longer required, this method can lead to a complication.