position

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

役割・機能 配置の方法を指定する
適用 すべて
継承の有無 継承なし
書式

セレクタ { position: }

目次

positionプロパティの説明

positionプロパティでは要素の配置方法を指定し、static以外の値を取る場合はtopbottomrightleftで位置を指定します。記述例では、h3要素の絶対位置を上から100px、左から80pxとしています。そのため、後続のp要素よりも下に表示されます。

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

属性値 説明
static 特に指定しない※1
relative 特に指定しない※1
absolute 絶対位置への配置※3
fixed :絶対位置への配置(固定)

※1:top、bottom、left、rightプロパティは適用されない
※2:staticの場合に配置される位置が基準となる
※3:親要素の左上が基準となる

positionプロパティの記述例

<head>
  <style type="text/css">
     <!--
  h3 {background-color: #ffcc66;
     position:absolute;
     top:100px; left:80px}
  p {background-color: #ccff33;}
  -->
 </style>
</head>
<body>
 <h3>1st FULL Album REPORT FROM IRON MOUNTAIN</h3>
 <p>M-1.Catch22 M-2.PLAYMATE AT HANOI … 以下略
 

positionプロパティの表示例


positionプロパティの関連項目

Powered by Web Professional

目次