[CSS3] 접두어(-webkit, -moz-, -ms-)

Front-End/HTML5 + CSS

[CSS3] 접두어(-webkit, -moz-, -ms-)

리딩리드 2016. 12. 11. 11:44

접두어(-webkit, -moz-, -ms-)

1. 정의

- CSS3는 미완성 기술이므로 웹 브라우저에서 지원하는 CSS3 엔진에 따라 접두어를 사용해야 한다

2. 접두어 종류

접두어	웹 브라우저
-webkit	Chrome, Opera, Safari
-moz-	Firefox
-ms-	Internet Explor

3. 예제

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> <style>  </style> </head> <div> 헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이 헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이 헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이 헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이 헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이 헬로우 하이하이하이헬로우 하이하이하이헬로우 하이하이하이 </div>

1) Chrome

2) Explore

- Explore 에서 실행시 column-count:3 을 추가하면 된다