벤더 프리픽스

벤더 프리픽스란?

벤더 프리픽스란 브라우저별로 따로 놀던 CSS3의 속성을 잡아주기 위해서 사용되기 시작된 프리픽스는 마크업시 CSS의 class앞에 -moz-, -webkit-, -o-, -ms-라는 각 브라우저에서 판독이 가능한 접두사를 붙여서 해당 브라우저에서 인식할 수 있게 하는 것을 지칭하고 있다.

표준 속성을 우선해야 하므로,벤더 프리픽스가 있는 속성은 속성 앞쪽에 표시하는 것이 원칙이다

웹 브라우저 제조사별 벤더 프리픽스는 다음과 같다. 모질라 파이어폭스를 제외한 나머지 신형 데스크탑,모바일 브라우저는 모두 -webkit-을 사용한다고 보면 되며 웹킷 기반의 엔진을 공통으로 사용하기 때문에 벤더 프리픽스를 따로 붙일 필요가 없다.

벤더 프리픽스	웹 브라우저	예
-webkit-	구글크롬	-webkit-user-select: none;
	안드로이드 내장 브라우저
	구글크롬 for Android
	사파리
	사파리 for ios
	오페라 신버전
	파이어폭스 for ios
-moz-	파이어폭스	-moz-user-select:none;
-ms-	인터넷 익스플로러	-ms-user-select: none;
	구형 엣지
-o-	오페라 구버전	-o-user-select: none;