ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS 背景画像を右端からオフセットできますか?

CSS 背景画像を右端からオフセットできますか?

DDD
リリース: 2024-11-30 00:54:11
オリジナル
716 人が閲覧しました

Can CSS Background Images Be Offset from the Right Edge?

CSS を使用した背景画像の配置: 右側からオフセットできますか?

CSS では、background-position プロパティを使用して次のことができます。背景画像の水平位置と垂直位置を指定します。ただし、この位置はコンテナ要素の左端と上端から計算されることに注意することが重要です。それでは、背景画像を右側から一定量のピクセルだけ離して配置できますか?

答え: はい、「正しい」キーワードを使用します

反対に最初の仮定では、CSS を使用して背景画像を右側から一定量のピクセルだけ離して配置することが可能です。 「right」キーワードを利用することで、この効果を実現できます。

構文:

background-position: right 30px center;
ログイン後にコピー

この例では、背景画像はから 30 ピクセルの位置に配置されます。コンテナの右端で垂直方向の中央に配置されます。

ブラウザサポート:

この機能は、最新のブラウザーで広くサポートされています。完全な互換性リストは http://caniuse.com/#feat=css-background-offsets で確認できます。

追加情報:

詳細情報については、次のリソースを参照してください:

  • CSS 背景の配置: http://www.w3.org/TR/css3-background/#the-background-position

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート