2006年06月21日

background-position:その他の指定方法

画像の配置 スタイルシート
左・上 background-image : url(画像のパス);
background-repeat : no-repeat;
background-position : left top;
左・中央 background-image : url(画像のパス);
background-repeat : no-repeat;
background-position : left center;
左・下 background-image : url(画像のパス);
background-repeat : no-repeat;
background-position : left bottom;
中央・上 background-image : url(画像のパス);
background-repeat : no-repeat;
background-position : center top;
中央・中央 background-image : url(画像のパス);
background-repeat : no-repeat;
background-position : center center;
中央・下 background-image : url(画像のパス);
background-repeat : no-repeat;
background-position : center bottom;
右・上 background-image : url(画像のパス);
background-repeat : no-repeat;
background-position : right top;
右・中央 background-image : url(画像のパス);
background-repeat : no-repeat;
background-position : right center;
右・下 background-image : url(画像のパス);
background-repeat : no-repeat;
background-position : right bottom;

スタイルシート:background-position

background-positionで画像の位置を指定します。

background-repeatとの組み合わせで使用します。


background-repeatの繰り返しでの指定方法。

background-positionで画像の位置を固定する。
background-repeat:no-repeat;とします。
【位置】の部分に【top,center,bottom,left,right】を指定します。

サンプル
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。