반응형
접두어는 CSS가 어떤 웹 브라우저에서도 호환될 수 있게 브라우저 업체별로 사용하는 일종의 약속된 문구입니다.
접두어의 종류
접두어 |
업체별 브라우저 |
-ms-
|
Microsoft |
mso-
|
Microsoft Office |
-moz-
|
Mozilla Foundation (Gecko-based browsers) |
-o-, -xv-
|
Opera Software |
-atsc-
|
Advanced Television Standards Committee |
-wap-
|
The WAP Forum |
-webkit-
|
Safari, Chrome (and other Webkit-based browsers) |
-kthml-
|
Konqueror browser |
-apple-
|
Webkit supports properties using the –apple- prefixes as well |
prince-
|
YesLogic |
-ah-
|
Antenna House |
-hp-
|
Hewlett Packard |
-ro-
|
Real Objects |
-rim-
|
Research In Motion |
-tc-
|
Tall Components |
사용예제
/* Rotate div */ transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */
※ 발췌 : 따라하면서 배우는 HTML5 + CSS3 + jQuery + JavaScript 실무활용 14가지 - 위키북스
반응형
'Programing > HTML' 카테고리의 다른 글
[jQuery] jQuery plugin 입니다. (2) | 2014.03.18 |
---|---|
[JS] preventDefault() 와 stopPropagation() 의 차이 (0) | 2014.03.14 |
[jQuery] 슬라이더 배너 만드는 방법 (8) | 2014.03.13 |
[CSS3] 배너에 그림자를 입히는 원리② (0) | 2014.03.07 |
[CSS3] 배너에 그림자를 입히는 원리① (0) | 2014.03.07 |
[CSS3] 3D Image Slider (0) | 2014.02.26 |
[CSS3] CSS Filters (0) | 2014.02.26 |
[CSS3] References (0) | 2014.02.26 |
[CSS3] Notes on browser support (0) | 2014.02.26 |
[CSS3] CSS Animation (0) | 2014.02.26 |