無料ホームページ作成!CSS・スタイルシート
背景画像の位置

無料ホームページ作成!CSS・例
背景画像の位置

background-position属性

全ての結果は下のソースで背景画像を一つにしています。


backgroude-repeat:no-repeat;
 

%で指定

CSS・スタイルシートソース

backgroude-position:50% 50%;
 
結果

background-position:50% 50%;

pxで指定

CSS・スタイルシートソース

backgroude-position:100px 100px;
 
結果

background-position:100px 100px;

centerで指定

CSS・スタイルシートソース

backgroude-position:center;
 
結果

background-position:center;

topで指定

CSS・スタイルシートソース

backgroude-position:top;
 
結果

background-position:top;

rightで指定

CSS・スタイルシートソース

backgroude-position:right;
 
結果

background-position:right;

bottomで指定

CSS・スタイルシートソース

backgroude-position:bottom;
 
結果

background-position:bottom;

leftで指定

CSS・スタイルシートソース

backgroude-position:left;
 
結果

background-position:left;

leftで指定

CSS・スタイルシートソース

backgroude-position:left;
 
結果

background-position:left;

無料ホームページ作成!メニュー

CSS・スタイルシート・例

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS