[CSS] 벤더 프리픽스(CSS3 Vendor Prefix)

◽ CSS3란?

차세대 HTML5 제안과 함께 CSS3라는 이름의 새로운 스타일이 나왔다. 차세대 웹 개발을 위한 새로운 표준이다.

 

◽ CSS3의 사용

CSS3 속성은 속성 앞에 브라우저를 식별할 수 있는 접두사인 벤더 프리픽스(CSS3 Vendor Prefix)를 붙여서 사용한다.

.example {
    background: -webkit-gradient(linear, left top, left bottom, from(#06f), to(#f0f));
    background: -o-linear-gradient(top, #06f, #f0f);
    -moz-border-image:url(images/border.png) 27 repeat stretch;
}

 

◽ Prefix의 종류

• webkit- 웹킷 방식 브라우저용으로 사파리, 크롬이 있다.
• moz- 게코 방식 브라우저용으로 모질라사의 파이어폭스가 있다.
• o- 오페라가 있다.
• ms- 마이크로소프트의 익스플로러(버전 9, 10 이상)가 있다.

 

 

---

 

 

출처

김광수, 조혜경, 정인용, 실전프로젝트 반응형 웹 퍼블리싱 (아이콕스, 2020)

 

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.