スタイルシートリファレンス > left

スタイルシートリファレンス left


left 左からの配置位置を指定する (IE4/N4)

左からの配置位置を指定します。

単位指定
px,em
割合指定
%
自動設定
auto:規定値


相対的な長さ

px
画像を構成する最小単位 (モニタの解像度により変化)
em
文字の高さを1とした単位 (フォントサイズにより変化)

絶対的な長さ

cm
センチメートル
mm
ミリメートル

▲ページ先頭へ

使用例 left

黄色いボックスの中に青いボックスを作り、左から20pxに配置します。

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
width: 200px;
height:150px;
background-color: #ffff00;
position:relative;
}
.smp2 {
width: 50px;
height:50px;
background-color: #0000ff;
position:absolute;
left:20px;
}
-->
</style>
</head>
<body>
<div class="smp1"><div class="smp2"></div></div>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示



▲ページ先頭へ

関連項目【】

display
ブロック、インラインなど表示形式を指定する
position
配置方法を指定する
top
上からの配置位置を指定する
bottom
下からの配置位置を指定する
left
左からの配置位置を指定する
right
右からの配置位置を指定する
float
左または右に寄せて配置する
clear
回り込みを解除する
z-index
重なりの順序を指定する
direction
文字の表示方向を指定する
unicode-bidi
ユニコードの文字表示の方向を指定する
overflow
はみ出た内容の表示方法を指定する
overflow-x
はみ出た内容横方向の表示方法を指定する (IE5)
overflow-y
はみ出た内容縦方向の表示方法を指定する (IE5)
clip
表示する範囲を指定する
visibility
表示するしないを指定する

▲ページ先頭へ

スタイルシートリファレンス > left