![](https://www.webdesign-tch.org/cms/wp-content/uploads/2019/02/PAK86_codeing20140517_TP_V-150x150.jpg)
【CSS】olの数字をBoldにする方法
2023年1月5日
![](https://www.webdesign-tch.org/cms/wp-content/uploads/2023/01/FJ2141413722104102_TP_V4.jpg)
このサイトのCSSを調整しているときに、ol要素の数字だけをピンポイントでboldにしたり、サイズを調整したい時ってどうすればいいんだっけ・・・?と躓いたので忘備録。
::makerを使う
html
<ol> <li>リストその1</li> <li>リストその2</li> <li>リストその3</li> <li>リストその4</li> </ol>
CSS
ol li::maker { font-weight: bold; font-size: 14px }
ちなみに色も変えられます。
olの数字をCSSで装飾したいときにどうぞ!