/* 키워드 값 */

pointer-events: auto;

pointer-events: none;

pointer-events: visiblePainted; /* SVG only */

pointer-events: visibleFill;    /* SVG only */

pointer-events: visibleStroke;  /* SVG only */

pointer-events: visible;        /* SVG only */

pointer-events: painted;        /* SVG only */

pointer-events: fill;           /* SVG only */

pointer-events: stroke;         /* SVG only */

pointer-events: all;            /* SVG only */

/* 전역 값 */

pointer-events: inherit;

pointer-events: initial;

pointer-events: unset;

none : 요소가 포인터 이벤트의 대상이 되지 않는다. 그러나 해당 요소의 자손이 다른 pointer-events 값을 지정한 경우, 그 자손은 대상이 될 수 있다.

auto : 요소가 pointer-events 속성을 지정하지 않은 것처럼 행동한다.

inherit : 부모 요소로부터 pointer-events 값을 상속받는다.

img {

  pointer-events: none;

}

<ul>

  <li><a href="http://chongmoa.com">chongmoa.com</a></li>

  <li><a href="http://cginjs.com">cginjs.com</a></li>

</ul>

a[href="http://cginjs.com"] {

  pointer-events: none;

}