[CSS] box-shadow로 border 효과주기

box-shadow로 border 효과주기

 

 

 

 

보통 border를 주면 해당 콘텐츠의 바깥에 생성되지만, 

inner border를 주기 위해 box-shadow를 사용할 수 있다는 걸 알게 됐다.

 

마치 border를 준 것 같은 box-shadow의 효과 (MDN에서 임의로 바꿔봄)

box-shadow: 0 0 0 3px inset;

-> 왼쪽, 위쪽, 번짐, 굵기

 

* inset: 내부 안 쪽에 넣는다는 의미