CSSを使用して画像に境界線を付ける方法はありますか？

私は100×100ピクセルの正方形の画像を持っています。CSSを使用して画像に境界線を付ける方法はありますか？

CSSを使用してイメージに丸みのある境界線を付ける方法があるのだろうかと疑問に思っていましたか？ボーダー-radiusプロパティと同様に

：

-moz-border-radius: 15px; 
border-radius: 15px;

私はJavaScriptに頼らないことを好むだろう。

ありがとうございました。

出典

2011-06-26 Ryan

これは現代のブラウザ（基本的にはIEなし）でうまくいくはずです。 'img {...}'ブロック内で試してみてください。 – Kevin

@Kevin border-radiusはIE9で動作します。FYI –

ブラウザとIEを呼びたいとは思わない：P。ええ、divの背景画像を使わずにimgをスタイルするのはいいでしょう。 – Ryan

-moz-border-radius: 15px;および-webkit-border-radius:15px;は、標準準拠のブラウザで正常に動作するはずです。別の手法：

<div style="border: 0px solid; border-radius: 30px; -moz-border-radius: 30px; -khtm border-radius: 30px; -webkit-border-radius: 30px; width: 100px; height: 100px; background: url('img.jpg');">

出典

2011-06-26 23:44:52 Babiker

ああ、スタイルをイメージクラスにそのまま適用できますか？クールはそれを試してみましょう。 – Ryan

乾杯、これは、背景画像を使用して正常に動作するはずです。 – Ryan

@Ryan画像要素にborder-radiusを適用することはOperaではうまくいかないようです - [こちらを参照]（http://jsfiddle.net/gYaZh/） –

CSSを使用して画像に境界線を付ける方法はありますか？

答えて

関連する問題