【Diver入力補助】「リストデザイン」で作れるデザインと使い方

このページでは、Diverの入力補助機能の１つ「リストデザイン」で作れるデザインとその使い方について紹介します。

「Diver」の導入を考えている方、「Diver」を使っているけど「リストデザイン」の使い方がイマイチわからないという方は参考にしてみてください。

リストのデザインは全部で１５種類

Diverに標準搭載されているリストのデザインは、大きく「箇条書きリスト」と「順序付きリスト」の２つに分かれて、箇条書きリストには７種類、順序付きリストには８種類のデザインが用意されています。

順序付きリストとは左端に、行番号が書いてあるタイプのリストのことを指します。

具体例を見るとわかりやすいので、以下にDiverで作った箇条書きリストと順序付きリストのサンプルを載せておきます。

上の例のリストは全て水色ですが、もちろん他の色も用意されています。

ただし、リストデザインでは「カスタム色」が無いので、上の７色のみです。

<ul>
　<li>

<ul>
 <li>テキストを入力</li>

<ul>
 <li>テキストを入力</li>
 <li>テキストを入力</li>

<ul>
 <li>テキストを入力</li>
 <li>テキストを入力</li>
</ul>

順序付きリストを作りたい場合

<ol>
 <li>テキストを入力</li>
 <li>テキストを入力</li>
</ol>