1. Home
  2. スタイルシート CSS
  3. リスト
  4. 定義型リストのインデント幅を指定する

定義型リストのインデント幅を指定する


margin-left: ***;

ブラウザ
IE
Fx
Sf
Cr
O
特性
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>

表示例

定義する用語
用語に対する説明
定義する用語
用語に対する説明
定義する用語
用語に対する説明
定義する用語
用語に対する説明
定義する用語
用語に対する説明
定義する用語
用語に対する説明

リスト

ページの先頭へ


inserted by FC2 system