본문 바로가기

DEVELOP

[publishing] css inner border 만들기

728x90

기본 css로 border값을 넣을 경우 outline으로 잡힌다. 

 

인라인 스타일의 보더 값을 넣고 싶을 경우 box-shadow 스타일을 사용하면된다. 

 

 

css

 

div {

    width: 150px;

    height: 50px;

    background-color: green;

    box-shadow: 0 0 0 3px #000 inset; 

}

 

view

 

 

예시처럼 border 굵기는 네번째 수치로 정하면 된다. 

box-shadow의 inset이 결정적 스타일이다.