display プロパティで list-item を指定すれば任意要素に list-style-type が設定できる

ul 要素、ol 要素、l i要素では list-style-type を設定することができますが、dl 要素など定義型リストなどには list-style-type を設定することができません。しかし display プロパティで list-item を設定することで他の要素にも設定することができます。例を以下に書いておきましたので参考にしてください。

ソースコード

CSS

1
2
3
4
5
6
7
8
9
10
11
12

dl {
margin: 10px;
padding: 0;
}
dl dt {
margin-left: 10px;
display: list-item;
list-style-type: square;
}
dl dd {
margin-left: 20px;
}

HTML

1
2
3
4

<dl>
<dt>マーク</dt>
<dd>マークはマーク</dd>
</dl>