同じ16pxの余白、どこまで押せる?

どちらも中身は16×16px、枠線は0です。緑の部分を押すと回数が増えます。灰色はボタンの外です。

padding: 16px

押した回数:0

中身の外でも、緑の余白なら押せます。

margin: 16px

押した回数:0

外側の余白を押しても、回数は増えません。

小さいボタンは違いを見るための実験用です。本番へそのまま貼る推奨部品ではありません。キーボードではTabでボタンへ移り、SpaceまたはEnterで押せます。

自作サンプル:CC0。JavaScriptは画面内の寸法と回数を表示するだけで、通信・保存・追跡はしません。