エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
border-imageをbefore,after擬似要素で使うとRetina対応もできて便利 - develo.org
ボックスの周りに装飾として画像を置きたい場合に背景画像で対応するのもいいのですが 3つに切って・・... ボックスの周りに装飾として画像を置きたい場合に背景画像で対応するのもいいのですが 3つに切って・・。真ん中を繰り返しして・・。 さらに透過だった場合どこのタグに背景をいれるか工夫したりするのが大変だなぁと思っていました。 そういう場合はborder-imageを使ったりしていたのですが border-imageを使うとborder-width分コンテンツが内側によっちゃいますよね・・。 まぁborderなので当たり前ですが・・。 しかも普通にやると画像だけ1/2にすることができないので、Retina対応とかできないんです。 でもこれafterとかbeforeに指定したらborder-widthとか気にせずに使えるんじゃない!? と思って試してみたらめちゃめちゃ便利!しかもRetina対応もできちゃうし! みなさんも是非使ってみてくださいw
2017/02/02 リンク