同じ16pxの余白、どこまで押せる?
どちらも中身は16×16px、枠線は0です。緑の部分を押すと回数が増えます。灰色はボタンの外です。
padding: 16px
中身の外でも、緑の余白なら押せます。
margin: 16px
外側の余白を押しても、回数は増えません。
小さいボタンは違いを見るための実験用です。本番へそのまま貼る推奨部品ではありません。キーボードではTabでボタンへ移り、SpaceまたはEnterで押せます。
自作サンプル:CC0。JavaScriptは画面内の寸法と回数を表示するだけで、通信・保存・追跡はしません。