リストを表現します。

このモジュールでは、緑色のアペンダー(loopフィールド)をダブルクリックしてリストアイテムを追加します。

次に、各リストアイテムとして他のモジュールを挿入します。

多階層のリスト構造など、複雑なリスト表現にも対応できます。


## 選択できるリスト表現の種類

標準的なリスト形式の他、いくつかのリスト表現形式を選択できます。


### 標準リスト

```html
<ul>
	<li>リストアイテム1</li>
	<li>リストアイテム2</li>
	<li>リストアイテム3</li>
</ul>
```

### 垂直リスト

```html
<ul class="px2-horizontal-list">
	<li>垂直リストアイテム1</li>
	<li>垂直リストアイテム2</li>
	<li>垂直リストアイテム3</li>
</ul>
```

### 水平リスト

```html
<ul class="px2-horizontal-list">
	<li>水平リストアイテム1</li>
	<li>水平リストアイテム2</li>
	<li>水平リストアイテム3</li>
</ul>
```

#### 水平リスト (左寄せ)

```html
<ul class="px2-horizontal-list px2-horizontal-list--left">
	<li>水平リストアイテム1</li>
	<li>水平リストアイテム2</li>
	<li>水平リストアイテム3</li>
</ul>
```


#### 水平リスト (中央寄せ)

```html
<ul class="px2-horizontal-list px2-horizontal-list--center">
	<li>水平リストアイテム1</li>
	<li>水平リストアイテム2</li>
	<li>水平リストアイテム3</li>
</ul>
```


#### 水平リスト (右寄せ)

```html
<ul class="px2-horizontal-list px2-horizontal-list--right">
	<li>水平リストアイテム1</li>
	<li>水平リストアイテム2</li>
	<li>水平リストアイテム3</li>
</ul>
```



### 注釈リスト

```html
<ul class="px2-note-list">
	<li>注釈リストアイテム1</li>
	<li>注釈リストアイテム2</li>
	<li>注釈リストアイテム3</li>
</ul>
```