逆引き

HTMLで表を作成する時、セル内のテキストを自動改行禁止にする設定。

見出しや、それ以外の場面で、自動的に連番をカウントして表示する方法をまとめています。CSSを使って実装できます。

こちらの記事では、「ol要素」「ul要素」で作成した箇条書きに下線を引くデザインで、最終行だけは下線を引かない方法を記録しています。

CSSの疑似クラスを使うと「何番目」や「何番目以降」などの柔軟な要素指定が可能です。こちらの記事では、表の列単位で選択する場合を想定した逆引きパターンを記録しています。

CSSで疑似要素、position、contentを勉強すると、色々な装飾に画像を使わずにCSSで表現できるようになります。今回は、大きな括弧を表現するCSSコードを作ってみました。