스트레스 해소
벤더프리픽스(Vendor Prefix) -webkit- -moz- -ms- -o-
여수공동체
HTML/CSS
0
1452
2014.05.02 12:12
벤더프리픽스는 아직 완벽하게 작성되지 않은 css3 속성을 해당 웹브라우저에서 보여주게 위해서 만들어진 속성입니다.
-webkit- : 구글의 크롬, 애플의 사라파 웹브라우저 적용
-moz- : 모질라(파이어폭스) 적용
-ms- : ms의 인터넷 익스플로러 적용
-o- : 오페라 적용
<예>
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
※ 예를든 border-radius는 현재 대부분의 브라우저(ie는 9이상)에서 지원하기 때문에 벤드프리픽스를 사용안해도 됩니다.
-ms-border-radius: 4px;
※ 예를든 border-radius는 현재 대부분의 브라우저(ie는 9이상)에서 지원하기 때문에 벤드프리픽스를 사용안해도 됩니다.
<벤더프리픽스 사용하지 않아도 되게하는 라이브러리>
사용방법:
