====== CSS Vendor Prefix ======
<WRAP left notice 80%>
  * description : CSS Vendor Prefix
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-03-23
</WRAP>
<WRAP clear></WRAP>
\\
=====Vendor Prefix=====
브라우저별 CSS 지원을 위하여 벤터 프리픽스 (Vendor Prefix)를 사용할 필요가 있습니다.\\
\\
====브라우저 별 벤터 프리픽스====
^ Browser             ^ Vendor Prefix  ^
| IE or Edge          | -ms-           |
| Chrome              | -webkit-       |
| Firefox             | -moz-          |
| Safari              | -webkit-       |
| Opera               | -o-            |
| iOS Safari          | -webkit-       |
| Android Browser     | -webkit-       |
| Chrome for Android  | -webkit-       |
\\
다양한 브라우저를 위한 벤더 프리픽스를 사용하는 것은\\ 
  * 코드의 양 증가
  * 불필요한 벤더 프리픽스를 사용할 가능성 증대
라는 결과를 가져올 수 있습니다.\\
\\
그래서, [[https://projects.verou.me/prefixfree/|-prefix-free]]애서 라이브러리를 다운로드하고,\\
하기와 같이 include 하기만 하면 이후에는 벤더 프리픽스 없이 모든 CSS를 사용할 수 있다.
<code css>
<script src="prefixfree.min.js"></script>
</code>

===== Ref =====
{{ :wiki:css:css_note:prefixfree-gh-pages.zip |}}

{{tag>오션 CSS Vendor Prefix}}