【list-style-type】リセットCSSで消したul/olリストマーカーを復活させる方法

リセットCSSでulやolのリストマーカー（list-style-type）を表示させない初期設定にしたので、後からCSSで戻す方法

ulの場合

下記のCSSを書けばリセット前の初期状態に戻せます。

ul {
  list-style-type: disc;
  padding-left: 2em;
}

注意：リストマーカーの位置を設定する’padding-left’はお好みの数値に変更して下さい。デフォルトではulのリストマーカーはul要素の外側にはみ出します。

olの場合

下記のCSSを書けばリセット前の初期状態に戻せます。

ol {
  list-style-type: decimal;
  padding-left: 2.5em;
}

注意：リストマーカーの位置を設定する’padding-left’はお好みの数値に変更して下さい。olの場合はマーカーとリストテキストの間隔を調整するイメージです。

関連記事

リストマーカーの種類を変えたい場合は下の記事を参照ください。

SIMS-CODE

【list-style-type】リスト表示のマーク一覧と設定方法【番号・記号・色・種類】 | SIMS-CODE list-style-typeを使ったリスト表示のマーク一覧と設定方法【olやulの番号・記号・色・種類など】

リストマーカーを自作したい人は下の記事を参照してください。

SIMS-CODE

【CSSの疑似要素】::beforeと::afterの使い方【テンプレート解説】 | SIMS-CODE CSSの疑似要素の::beforeと::afterの使い方をテンプレートを使って解説。コピペで利用できます。装飾の種類は次のとおりで、メニュー項目、リスト項目、見出しなどです。