background-position

提供: ASCII.jp CSSリファレンス

役割・機能 背景画像の配置を指定する
適用 ブロック要素
継承の有無 継承なし
書式

セレクタ { background-position: }

目次

background-positionプロパティの説明

背景画像を配置する場所を指定します。background-imageと合わせて使用します。「左右の位置上下の位置」の2つで指定可能です。

background-positionプロパティに指定可能な値

属性値 説明
単位付きの数値 単位付きの数値を入力する
top 上ぞろえに表示
bottom 下ぞろえに表示
left 左ぞろえに表示
right 右ぞろえに表示
center 中央に配置

background-positionプロパティの記述例

<head>
 <style type="text/css">
  <!--
  body {background-image:url(image/01.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:right bottom}
  -->
 </style>
</head>
<body>
 <h3>1st FULL Album REPORT FROM IRON MOUNTAIN</h3>
 <p>M-1.Catch22 M-2.PLAYMATE AT HANOI M-3.S M-4.CORCLE/LINE~HARD CORE PEACE … 以下略
 

background-positionプロパティの表示例


background-positionプロパティの関連項目

Powered by Web Professional

目次