스타일 시트 CSS 접두어 webkit, moz, ms, o ?

웹에서 CSS 를 적용할 때 webkit, moz, ms, o 접두어가 속성앞에 붙은 것을 종종 보실 수 있을 겁니다. 크로싱 브라우저를 위해서 필요하기 때문입니다. 주로 쓰이는 브라우저는 IE, 크롬, 파이어폭스, 오페라, 사파리가 있는데, 우리나라에서는 크롬과 파이어폭스만 적용하면 무난하게 처리가 가능합니다.

 

▼ CSS 속성 중에 접두어를 붙어야 되는 경우가 있습니다. 각 접두어의 의미를 알아 보겠습니다. 쓰는 방법은 속성 앞에 붙이면 됩니다.

 

l  -webkit- : 구글, 사파리 브라우저에 적용

l  -moz- : 파이어폭스 브라우저에 적용

l  -ms- : 익스플로러에 적용, 보통 생략합니다.

l  -o- : 오페라 브라우저에 적용