Home » CSS » background-position
クリックで全選択状態になります。
.sample { background-position: left; }
.sample { background-position: right; }
.sample { background-position: center; }
.sample { background-position: top; }
.sample { background-position: bottom; }
.sample { background-position: left top; } /* 0 0 */
.sample { background-position: left center; } /* 0 50% */
.sample { background-position: left bottom; } /* 0 100% */
.sample { background-position: right top; } /* 100% 0 */
.sample { background-position: right center; } /* 100% 50% */
.sample { background-position: right bottom; } /* 100% 100% */
.sample { background-position: center top; } /* 50% 0 */
.sample { background-position: center center; } /* 50% 50% */
.sample { background-position: center bottom; } /* 50% 100% */
.sample{ background-image: url(image.gif); background-repeat: no-repeat; background-position: centet top; }}
<p class="sample">スタイルシート サンプル</p>
background-repeat: no-repeat;の指定
関連コンテンツ:スタイルシートについて 効率的なCSSソースの記述
サイトマップ1 サイトマップ2