벤더프리픽스 (Vendor Prefix)

CSS3 는 아직 표준안에 확정되지 않은 상태에서

각 브라우져는 벤더 프리픽스를 제공하여 CSS3 속성을 실험적으로 사용할 수 있게 해 줍니다.

브라우져별 벤더 프리픽스는 아래와 같습니다.

웹킷 계열 브라우저 (사파리, 크롬)	-webkit-
모질라 (파이어폭스)	-moz-
오페라	-o-
인터넷 익스플로러	-ms-
CSS3 기본속성	기본속성 작성

벤더 프리픽스를 작성할 때 위와 같은 순으로 작성하면 됩니다.

그 이유는 추후 CSS3 속성이 표준안으로 변경 되었을 경우 벤더 프리픽스가 붙은 내용은 무시하고 표준 속성만 지원하기 때문 입니다. 

ex)

box{
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    border-radius:10px;
}
 

브라우저별 CSS3 속성지원 현황은 Can I use (http://caniuse.com) 에서 확인할 수 있습니다.

참조 : 다룸(다음)