場合によっては、順序なしリストと順序付きリストの箇条書きを削除する必要があります。リストの箇条書きの削除は、CSS を使用する複雑な作業ではありません。 CSSを設定するだけで簡単に実現できます リスト形式 または リストスタイルタイプ 財産を なし 。
の リストスタイルタイプ CSS プロパティは、マーカー (ディスク、文字、カスタム カウンター スタイルなど) を設定するために使用されます。 リスト アイテム要素。この CSS プロパティは、箇条書きのないリストを作成するのに役立ちます。表示値が に設定されている要素にのみ適用できます。 リスト項目。 の リストスタイルタイプ プロパティは継承されるため、親要素に適用できます（たとえば、 または
) すべてのリスト項目に適用します。
デフォルトでは、順序付きリストの項目にはアラビア数字 (1、2、3 など) が付けられ、順序なしリストの項目には丸い箇条書き (•) が付けられます。の リストスタイルタイプ CSS プロパティを使用すると、マーカーのデフォルトのリスト タイプを、正方形、円、ローマ数字、ラテン文字などの他のタイプに変更できます。
その値を次のように設定すると、 なし 、マーカー/箇条書きが削除されます。リスト内の箇条書きを削除する代わりに、それらを画像に置き換えることができます。サイトの視覚的に魅力的なものになります。それは、 リストスタイル画像 財産。
例を使用して箇条書きを削除する方法を理解しましょう。
例
この例では、順序付きリストと順序なしリストの両方を使用し、 リストスタイルタイプ 値を持つプロパティ なし リスト項目の箇条書きを削除します。
ol { list-style-type: none; font-weight: bold; font-size: 20px; } ul { list-style-type: none; font-weight: bold; font-size: 20px; } <h2>Ordered list</h2> <ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol> <h2>Unordered list</h2> <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> 今すぐテストしてください 出力
