CSS: box-sizing: ul, li の目次

・マウスカーソルのある li タグの border を太くして強調するサンプル。
  box-sizing: border-box; を設定して、border が太くなってもタグの
  大きさが変わらないようにします。

1) box-sizing: border-box; の指定がある場合

2) box-sizing 指定がない場合

border を強調したときに border の太さの分だけ li タグが大きくなります。 
(2024/03-2024/04)
動作     : Edge120, Firefox120, Chrome119

◎ ノート
・MDN: box-sizing
inserted by FC2 system