CSS/スタイルシート | 背景に関する指定

クリックで全選択状態になります。

.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;の指定