CSS3는 아직 완성되지 않은 표준 기술입니다. 그러므로 각각의 브라우저에서는 지원하는 속성이 있을수도 있고 없을수도 있습니다. 또한 CSS3 중에서 속성이 아직 제정되지 않아 브라우저 내에서 임시로 지원하게 하는 경우도 있습니다. 이럴 경우에는 브라우저의 특성을 적어서 속성을 활성화시킬 수 있습니다. CSS3의 임시 기술을 활성화시킬 때에는 속성 앞에 다음을 더 입력합니다.
transition의 속성을 예로 들어봅시다. transition은 아직은 CSS3로 완전히 제정되지 않은 속성 중 하나입니다. 그러나 이 속성은 Safari나 Chrome, Firefox, Opera 웹 브라우저에서 임시로 지원합니다. 이런 경우에는 transition 앞에 -webkit-과 -moz-, -o-의 특성을 입력하여 속성을 활성화합니다. 같은 속성이라고 해서 -webkit-moz-o-transition으로 입력하면 안되며 -webkit-transition과 -moz-transition, -o-transition같이 각각의 속성으로 입력하여야 합니다.
- -webkit-은 Safari나 Chrome에서 사용하는 엔진 중 하나입니다.
- -khtml-은 Konqueror 웹 브라우저에서 사용하는 엔진 중 하나입니다. (한국에선 거의 사용 안 함)
- -moz-는 Firefox 웹 브라우저에서 사용됩니다.
- -o-는 Opera 웹 브라우저에서 사용됩니다.
- -ms-는 Internet Explorer에서 사용됩니다.
transition의 속성을 예로 들어봅시다. transition은 아직은 CSS3로 완전히 제정되지 않은 속성 중 하나입니다. 그러나 이 속성은 Safari나 Chrome, Firefox, Opera 웹 브라우저에서 임시로 지원합니다. 이런 경우에는 transition 앞에 -webkit-과 -moz-, -o-의 특성을 입력하여 속성을 활성화합니다. 같은 속성이라고 해서 -webkit-moz-o-transition으로 입력하면 안되며 -webkit-transition과 -moz-transition, -o-transition같이 각각의 속성으로 입력하여야 합니다.
※ 로그인 하시면 원본파일을 볼 수 있습니다. ※
코멘트 0
