margin-left: ***;
ブラウザ |
|
---|---|
プロパティ |
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>
- 表示例
-
- 定義する用語
- 用語に対する説明
- 定義する用語
- 用語に対する説明
- 定義する用語
- 用語に対する説明
- 定義する用語
- 用語に対する説明
- 定義する用語
- 用語に対する説明
- 定義する用語
- 用語に対する説明