margin 속성은 event 범위를 줄인다.

div { margin : 10px; }

margin 속성은 위와 같이, 실제 이벤트가 작동하는 범위를 줄인다.

즉, 해당 요소의 크기가 실제로 줄어든다.

하지만, margin 영역에도 마우스 이벤트가 발생했으면 할수있다.

이럴때는 inline border 를 만들어 marigin 처럼 보이게끔 할수있다.

div {

    box-sizing          : border-box;
    border              : 12px solid black;

}

이벤트가 margin 영역 (실제로는 border 영역) 에도 발생한다.