Cascading Style Sheet

Part 5

ここでは、ポジショニングの各プロパティについて説明します。

配置方法を設定する。

ボックスの表示位置を決定するための配置方法を指定することができます。 次のプロパティを使います。

値には次のものがあります。

• static（特に配置方法を指定しない標準の状態に設定します。）
• relative（標準の位置からの相対位置で配置するように指定します。）
• absolute（このボックスを含む１つ外側にあるボックスからの位置で配置するように指定します。）
• fixed（このボックスを含む１つ外側にあるボックスからの位置で配置するように指定します。absoluteとの違いは、absoluteがそのあとに続く他の要素のレイアウトに影響を与えないのに対し、fixedは一度指定された要素はその位置で固定され、スクロールなどをしても常に同じ位置に表示されます。
• inherit（親（祖先）要素の値を継承します。）

上下左右からの位置を設定する。

positionで、static以外の値を指定した場合に、上下左右からの位置を指定することができます。 次のプロパティを使います。

値は次のものがあります。

• 数値＋単位で指定
• パーセントで指定
• auto（要素やボックスのタイプに応じて自動的に調整されます。）
• inherit

具体的には次のように設定します。

「Positionの具体例」という文字が下から10%、左から100pxの位置に、色が#f33で、フォントサイズがx-largeで表示されているはずです。（但し、IE4とNN4のみ）

疑問点、誤りなどありましたら、掲示板にてお願いします。出来る限りお答え致します。

from 1998/6/8