いつもお世話になっております。

border の境界線に width や height は含まれないと理解したのですが、最後の border-top-style をdashed にした際、青色の border はピンクのボックスの外側に表示されるかと想定していたのですが、ピンクのボックス内に表示されました。

境界線についてもう少し教えていただけると助かります。
どうぞよろしくお願い致します。