スタイルシートリファレンス > margin-right

スタイルシートリファレンス margin-right


margin-right マージン右を指定する (IE3/N4)

右マージンを指定します。

数値指定
px,em
割合指定
%

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

▲ページ先頭へ

使用例 margin-right

ボックスの中にマージンを指定してテキストを配置します。

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.box {
width:450px;
background-color:#cccccc;
}
.smp1 {
background-color: #aaaaaa;
margin-right: 2em;
}
-->
</style>
</head>
<body>
<div class="box">
<p class="smp1">マージン 右2em</p>
</div>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示


マージン 右2em


▲ページ先頭へ

関連項目【マージン】

margin
マージン上下左右を指定する
margin-top
マージン上を指定する
margin-bottom
マージン下を指定する
margin-right
マージン右を指定する
margin-left
マージン左を指定する

▲ページ先頭へ

スタイルシートリファレンス > margin-right