リストを作成したいリストを作成したい箇条書等に使用されるリストを作成する方法です。多くのブラウザでは、リストマークが黒丸で表示し、左余白が適用されます。<ul><li>〜</li></ul>リストを表示する方法です。リストは、下記の様にリスト全体と各項目にて構成されています。リスト全体を囲います。リストの各項目になります。display:list-item;スタイルシートでリストを表現するには、display:list-item;を使用する事でリストの様に表示する事が可能になります。実際には、リストとして記述するのではなく、箇条書きにしたものをリストに変換する事になります。display:設定;の他の設定として代表的なものが下記になります。インライン要素に変換する今回は、<div>〜</div>をリストアイテムに変換してみましょう。【注意】display:list-item;にて変換する際、リストタグの<ul>等と違い、左側にマージンが自動的に設定されません。マージンを設定してない場所でdisplay:list-item;を使用すると下記の様にリストマークが見えない状態になります。よって、左側にマージンを設定する事でリストマークを見える様にします。(今回は、左側に1em設定します。▲スポンサードリンク無料メール情報誌ワンランクUP講座ホームページのスタイルをワンランクアップ!基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。スタイルブック全体レイアウトを実際のサイト事例を使用し、詳細までを解説。スタイルシートの使い方のバリエーションを知る事ができる1冊。Windows版Webデザインに最適な新しいインタフェイスを備え、Webグラフィックをより簡単・効率的に制作することができます。本ページのW3Cでの記述検証結果は下記をクリックすると見れます。