memo.xight.org

日々のメモ

章、節、項で自動連番

Summary

<ol> タグのネストで自動連番を行ないたい。
counterを利用して実現する。

Source

ol {
	counter-reset: item;
}
ol li {
	display: block;
}
ol > li::before {
	content: counters( item, "." )". ";
	counter-increment: item;
}


章番号を10番から開始したい場合

ol {
	counter-reset: item 9;
}
li ol {
	counter-reset: item;
}
ol li {
	display: block;
}
ol > li::before {
	content: counters( item, "." )". ";
	counter-increment: item;
}


Reference

今日もガクリ - CSS content プロパティで counters 自動連番
http://blog.zodiac.vc/?p=61