如何在不破壞佈局的情況下在圖像周圍添加邊框？

Question

網站：is here

圖片的HTML：

<img alt="" src="UserFiles/Image/galerie/12970854473D-Eco-60.jpg"> 

當我添加border: 2px solid black;到圖像

佈局休息...

Answer 1

唯一直接的解決你的問題，我可以看到的是

outline: 2px solid black 

這是佈局中性。但是，它doesn't work in IE < 8。

Answer 2

爲了記錄在案，一種替代方案：

border: 2px solid black; 
margin:-2px; 

首先，添加2px的各方意見，然後你拉他們回來與切緣陰性。

Answer 3

您可以使用CSS Clip，並在裁剪後的圖像周圍應用邊框;

我嘗試使用margin：-2px，但它不適用於我。

警告，CSS剪輯非常直觀，雖然它與邊距和填充共享類似的簡寫，但它的像素值分配與邊距或填充相比是非常不同的。

這裏有一些有用的鏈接;

1. 涵蓋大綱，切緣陰性修復 http://css-tricks.com/2368-image-rollover-borders-that-do-not-change-layout/

2. CSS剪輯 http://www.seifi.org/css/creating-thumbnails-using-the-css-clip-property.html