generated at
borderでインデントに縦線を表示するUserCSS

自動改行や縦に長くなる記法(画像埋め込み等)を入れると線が途切れてしまっていたので、 ::before を使わない方式でも作ったMijinko_SD
線が右寄りになる
style2.css
.indent-mark { height: 100% !important; } .indent-mark .pad { height: 100% !important; overflow: unset !important; } .indent-mark span:nth-child(6n+1):not(:nth-last-child(1)):not(:nth-last-child(2)) .pad { border-right: 2px solid #FBE09B; /* 色の指定 */ } .indent-mark span:nth-child(6n+2):not(:nth-last-child(1)):not(:nth-last-child(2)) .pad { border-right: 2px solid #EFA7B1; } .indent-mark span:nth-child(6n+3):not(:nth-last-child(1)):not(:nth-last-child(2)) .pad { border-right: 2px solid #EAACD8; } .indent-mark span:nth-child(6n+4):not(:nth-last-child(1)):not(:nth-last-child(2)) .pad { border-right: 2px solid #AEC4E8; } .indent-mark span:nth-child(6n+5):not(:nth-last-child(1)):not(:nth-last-child(2)) .pad { border-right: 2px solid #97FFF3; } .indent-mark span:nth-child(6n+6):not(:nth-last-child(1)):not(:nth-last-child(2)) .pad { border-right: 2px solid #CBCBCB; }