[CSS]inner border

기본 css로 border값을 넣을 경우 outline으로 잡히게 되면서 기존 width/height의 값이 border 값만큼 올라간다. 인라인 스타일의 border값을 넣고 싶을 경우 box-shadow 스타일을 사용하면된다.

div {
    width: 150px;
    height: 50px;
    background-color: #f00;
    box-shadow: 0 0 0 3px #000 inset; 
}