CSS は背景画像を右端から特定の距離に配置できますか?

背景画像の正確な配置: 右余白に揃える

CSS を利用して背景画像を右端から指定された距離に配置できますか要素の?従来の背景位置プロパティでは左と上からの特定の調整が可能ですが、右マージンを基準にして位置合わせを行う直接的な方法がないように思えるかもしれません。

しかし、解決策は存在します:

解決策:

background-position: right 30px center;

この手法は、ほとんどの最新のブラウザーで効果的に機能します。ブラウザの互換性については、https://caniuse.com/#feat=css-background-offsets を参照してください。

説明:

適切なキーワードはブラウザに位置を指示します。要素の右端の画像。後続の 30px 値は、画像を右境界からオフセットする距離を指定します。 center キーワードは、要素の高さ内で垂直方向の中央揃えを保証します。

追加情報:

詳細については、http://www.w3 にある W3C 仕様を参照してください。 org/TR/css3-background/#the-background-position.

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