border-contentとborder-box

box-sizing:border-content;
これがデフォルト(写真の横幅が250px)
しのざきあい

box-sizing:border-box;
赤い外枠の横幅が250px(画像の横幅は228px)

上はpicエリア内(100%)で、下はpicエリア外(228,190)である。

width="228" height="190"