CSS で背景画像を右端から配置するにはどうすればよいですか?

DDD
リリース: 2024-11-21 08:53:11
オリジナル
388 人が閲覧しました

How Can I Position a Background Image from the Right Edge in CSS?

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

要素の右端から背景画像を配置できますか?ピクセル単位の距離?

CSS解決策:

</p>
<h1>myElement {</h1>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">background-position: right 10px top;
ログイン後にコピー

}

この CSS3 機能以下を使用して右端からのオフセットを指定できます。構文:

background-position: right [offset] [top | bottom]
ログイン後にコピー

たとえば、上記のコードは背景を右端から 10 ピクセルオフセットします。

サポート:

この機能はChrome、Firefox、およびほとんどのモバイル ブラウザを含む最新のブラウザでサポートされています。ただし、元々は IE8 ではサポートされていませんでした。

注:

古いブラウザをサポートする必要がある場合は、カスタム コンテナの作成などの代替方法が利用できる場合があります。相対的な位置と負のマージンを使用して背景画像を配置する要素。

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

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