|
 |
|
配置方法を指定する
サンプルと機能
→ Sample：配置方法を指定する
配置方法を相対位置で指定や絶対位置で指定します。
スタイルシート・サンプル
緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。
→ ページ全体に適用する場合（サンプルのためタグごとに効果を変えています。参照）
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
.ab {
position: absolute; /* 絶対位置で指定(親ボックス基準) */
top: 100px;
}
.rl {
position: relative; /* 相対位置で指定 */
top: 30px;
left: 100px;
}
.st {
position: static; /* 配置方法を指定しない */
}
-->
</STYLE>
</HEAD>
<BODY>
左からabsolute, relative, static<BR>
<IMG src="../img/img0.jpg" class="ab">
<IMG src="../img/img1.jpg" class="rl">
<IMG src="../img/img2.jpg" class="st">
</BODY>
</HTML> |
解説・注意点など
使用スタイル：position
指定可能な値：absolute, relative, static
指定可能な値は以下のとおりです。
| absolute |
： |
絶対位置で指定(親ボックス基準) |
| relative |
： |
相対位置で指定 |
| static |
： |
配置方法を指定しない |
← スタイルシートに戻る
|
|
|
