반응형
CSS3와 브라우저 접두사(prefix)
- CSS3 표준 규약이 완성되지 않아 브라우저들이 새로운 CSS3 속성을 부분적으로만 구현할 수 있기 때문에,
대부분의 CSS3 속성을 사용하려면 속성 이름 앞에 브라우저를 식별할 수 있는 접두사(prefix)를 붙여서 사용
예제 -webkit-column-count:3; /* 사파리와 크롬 브라우저용 속성 */ -moz-column-count:3; /* 파이어폭스 블라우저용 속성 */ column-count:3; /* 표준이 정해진 뒤 사용하게 될 속성 */ |
브라우저 접두사 |
|
접두사 |
설명 |
-webkit- |
웹키트 방식 브라우저용(사파리, 크롬 등) |
-moz- |
게코 방식 브라우저용(모질라, 파이어폭스 등) |
-o- |
오페라 브라우저 |
-ms- |
마이크로소프트 인터넷 익스플로러 |
반응형
'프로그래밍 정리 > Html5' 카테고리의 다른 글
[Html5] 가상 클래스 - :link, :visited, :active, :hover 등등 (0) | 2015.06.22 |
---|---|
[Html5][style] 선택자, 속성 선택자 (0) | 2015.06.18 |
[Html5] '<input>태그' - type 속성 (0) | 2015.06.12 |
[Html5] object 매개변수 종류 (0) | 2015.06.10 |
[Html5] table - 태그 속성 (0) | 2015.06.06 |