반응형
Module | Attribute | Effect | S5 | C8 | F3.6 | O11 | I9 | I8 | I7 | I6 |
---|---|---|---|---|---|---|---|---|---|---|
Background &border | border-image | 테두리 이미지효과 | O | O | O | O | X | X | X | X |
border-radius | 테두리 라운드효과 | O | O | O | O | O | X | X | X | |
box-shadow | 박스 그림자 | O | O | O | O | O | X | X | X | |
multiple backgrounds | 배경 여러개 넣기 | O | O | O | O | O | X | X | X | |
radient | 그라디언트 효과 | O | O | O | X | X | X | X | X | |
Color | rgba(R,G,B,A)/HSLA | 칼라와 투명도효과 | O | O | O | O | O | X | X | X |
opacity | 이미지 투명도효과 | O | O | O | O | X | X | X | X | |
Text | text-shadow | 글자 그림자효과 | O | O | O | O | X | X | X | X |
text-overflow | 글자 넘칠 때 자동 개행 | O | O | X | O | O | O | O | O | |
User-Interface | resize | 박스 사이즈 조절효과 | O | O | O | O | X | X | X | X |
Other modules | multi-column layout | 문단 다중 칼럼효과 | O | O | O | O | X | X | X | X |
IE(6~8)에서는 공식적으로 지원하지 않는 부분은 X 표시가 되어 있지만 대부분 필터를 이용해 효과를 낼 수 있으며 다른 브라우저들은 벤더확장 속성을 이용하여 적용 가능하다.
(속성에 대한 자세한 설명은 - http://www.clearboth.org/css3_1_by_isdn386/ 에서... )
반응형
'# Work > └ html5&css3' 카테고리의 다른 글
[스크랩] @font-face에 관하여 (0) | 2014.06.12 |
---|---|
새로 알게된 css3 속성들 (0) | 2014.06.10 |
css selector (선택자) 의 종류와 브라우저별 지원 여부 (0) | 2014.01.21 |
safari에서 이미지에 border + border-radius 적용시 border-radius가 제대로 적용되지 않을경우 (1) | 2013.11.21 |
canvas 요소 2 (0) | 2013.11.13 |