CSS 접두어

background: -webkit-gradient(linear, left top, left bottom, from(#16161d), color-stop(#1f1f3a), to(#3b2f4a));   background: linear-gradient(#16161d, #1f1f3a, #3b2f4a);

그라데이션을 넣기 위해 이곳저곳 서치를 하다 webkit을 시작으로 ms, o, moz 라는 접두어를 처음 만났다.

 

이 접수어들은 CSS 와 브라우저 간 호환성을 위한 도구 라고 보면 된다.

 

접두사를 밴더(밴딩) 프리픽스 라고 하며, 각 브라우저와의 호환성을 목적으로 밴더 프리픽스 접두어를 붙이는 것을(=마크업하는것을) 크로싱 브라우저(Crossing Browser) 라고 한다.

 

이 접두어는 위의 코드 처럼  쓰려고 하는 속성 앞에 붙이면 된다.

 

 

<접두어의 종류와 호환되는 브라우저>

• -webkit- : 구글, 사파리
• -moz- : 파이어폭스
• -ms- : 익스플로러(보통생략)
• -o- : 오페라

각각의 접두사들은 해당 브라우저에서 CSS스타일 시트를 인식시키기 위한 수단이므로 꼭 크로싱 브라우저를 해야 하는것은 아니다.(혹시 모를 상황을 위한 수단?)