エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント2件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
imgタグ+border+border-radiusについて - Qiita
imgタグに対してborderとborder-radiusを適用すると、Safariの場合、画像のようにborderのみにborder-ra... imgタグに対してborderとborder-radiusを適用すると、Safariの場合、画像のようにborderのみにborder-radiusが適用され、imgに対して適用されない現象が発生します。html構造を変更せずにゴリ押しで擬似borderを適用させる手法を思いついたので、備忘録として残しておきます。 /* 上の画像 */ img { border: solid 5px #aaa; border-radius: 50%; } /* 下の画像 */ img { box-shadow: 0 0 0 5px #aaa; border-radius: 50%; } このように、box-shadowで擬似borderを実現することができます。このように実装した場合、margin:5px;(レイアウトに応じて変更)を加えなければレイアウトから擬似borderがはみ出てしまうケースがあるの
2016/06/01 リンク