【CSS】background-repeat を右から基準で表示する方法
背景の位置を調整するCSSの「background-repeat」ボタンなどを背景で表現する時にはよく使用するかと思います。
最近、Googleもレスポンシブサイトを推奨しており、レスポンシブサイトを導入しているサイトも多くなってきていると思います。
そこで、背景を「background-repeat」で調整するのですが。 rightなどで調整すると、ブラウザの幅が広がると横幅に依存して右からの位置が大きくなってしまう場合があります。
そこで、簡単に表示する方法
rightの後に幅を入れるだけ。
【コード】
ちなみに、下から表示したい場合は。
bottomの後に幅を入れるだけです。
簡単ですので是非お試しください。
最近、Googleもレスポンシブサイトを推奨しており、レスポンシブサイトを導入しているサイトも多くなってきていると思います。
そこで、背景を「background-repeat」で調整するのですが。 rightなどで調整すると、ブラウザの幅が広がると横幅に依存して右からの位置が大きくなってしまう場合があります。
そこで、簡単に表示する方法
rightの後に幅を入れるだけ。
【コード】
background-position : right 5px bottom 10px;
ちなみに、下から表示したい場合は。
bottomの後に幅を入れるだけです。
簡単ですので是非お試しください。
著者:poroa | 投稿日:2016年09月07日 | カテゴリ:CSS