CSSを使用して背景画像を右からオフセットするにはどうすればよいですか?

CSS を使用して背景画像を右から配置する

要素の右から背景画像をオフセットすることは、次の簡単な調整で実現できます。背景位置プロパティ。

質問:

「背景画像をその要素の右側から特定のピクセル数だけ離して配置するにはどうすればよいですか?」

答え:

CSS3 では、background-position プロパティは、背景画像の配置を調整するための多用途のメカニズムを提供します。画像を右から特定の距離に配置するには、次の構文を使用します。

background-position: right Xpx top;

ここで、「Xpx」は右端からの希望のオフセットを表します。たとえば、画像を右から 10 ピクセルの位置に配置するには、プロパティを次のように設定します。

background-position: right 10px top;

この機能は、Chrome、Firefox、Safari などの最新のブラウザーだけでなく、モバイルでも広くサポートされています。

注:

この手法は Internet Explorer 8 以前ではサポートされていません。ただし、現在では、Internet Explorer 11 や Edge を含むすべての主要なブラウザーでサポートされています。

以上がCSSを使用して背景画像を右からオフセットするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。