box-sizing: border-box;を一番最後に書いても、同じ様なレイアウトになります。
下記↓

  background-color: skyblue;
  width: 100px;
  height: 100px;
  border: 10px solid blue;
  box-sizing: border-box;

しかし、ここでは、background₋colorの前に書き込まれました。
なぜ、この場所に入れると良いのですか？