프로그래밍 정리/Html5

[Html5] CSS3와 브라우저 접두사(prefix)

주누다 2015. 6. 22. 20:40
반응형

CSS3와 브라우저 접두사(prefix)

- CSS3 표준 규약이 완성되지 않아 브라우저들이 새로운 CSS3 속성을 부분적으로만 구현할 수 있기 때문에,

 대부분의 CSS3 속성을 사용하려면 속성 이름 앞에 브라우저를 식별할 수 있는 접두사(prefix)를 붙여서 사용


예제

-webkit-column-count:3;    /* 사파리와 크롬 브라우저용 속성 */ 

-moz-column-count:3;       /* 파이어폭스 블라우저용 속성 */

column-count:3;               /* 표준이 정해진 뒤 사용하게 될 속성 */


브라우저 접두사

접두사 

설명 

 -webkit-

웹키트 방식 브라우저용(사파리, 크롬 등) 

 -moz- 

게코 방식 브라우저용(모질라, 파이어폭스 등) 

 -o- 

오페라 브라우저 

 -ms- 

마이크로소프트 인터넷 익스플로러 




반응형