背景画像を右や下の位置から指定する

CSSで背景画像を右や下の位置から指定する方法をメモ。

サンプルコード

「right ○px bottom ×px」のようにすることで、右や下からの位置で指定できます。

HTML

<div class="sample">サンプル</div>

CSS

.sample {
	padding: 15px;
	background: url(arrow.png) right 10px bottom 5px no-repeat #cccccc;
}

背景画像の位置を右下から指定するデモページ

対応ブラウザですが、IE8以下やAndroid4.3以下、iOS6以下では対応していないようなので注意が必要です。
 

【参考サイト】

 

このエントリーをはてなブックマークに追加

関連記事

コメントを残す

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です

CAPTCHA


コメントが承認されるまで時間がかかります。

2024年3月
 12
3456789
10111213141516
17181920212223
24252627282930
31