margin-left: ***;

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
プロパティ

margin-left は、左のマージンを指定するプロパティです。

このプロパティをdd要素に対して設定すると、定義型リスト(説明部分)のインデント幅を指定することができます。


dd {
margin-left: 1em;
}

プロパティ名 説明
margin-left 数値+単位(px 等)またはパーセント 左のマージンを指定 (初期値は 0

値には auto(自動)を指定することもできます。

使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>

<style type="text/css">

dl.example dd {
margin-left: 1em;
}

</style>

</head>
<body>

<dl>
<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
</dl>

<dl class="example">
<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
<dt>定義する用語</dt>
<dd>用語に対する説明</dd>
</dl>

</body>
</html>

表示例
定義する用語
用語に対する説明
定義する用語
用語に対する説明
定義する用語
用語に対する説明
定義する用語
用語に対する説明
定義する用語
用語に対する説明
定義する用語
用語に対する説明