🌐 브라우저 호환성 검사기

CSS 속성의 브라우저 지원 상황을 확인하고 대안을 찾아보세요

CSS 속성 목록 (15개)

flexbox

Flexible Box Layout Module

우수
🌐29+
🦊28+
🧭9+
12+
🌐11+
🎭17+

grid

CSS Grid Layout

우수
🌐57+
🦊52+
🧭10.1+
16+
🌐
🎭44+

border-radius

모서리 둥글게 만들기

우수
🌐4+
🦊4+
🧭5+
12+
🌐9+
🎭10.5+

box-shadow

요소에 그림자 효과

우수
🌐10+
🦊4+
🧭5.1+
12+
🌐9+
🎭10.5+

transform

요소의 변형 (회전, 크기 조절 등)

우수
🌐36+
🦊16+
🧭9+
12+
🌐10+
🎭23+

transition

CSS 속성 변화를 부드럽게

우수
🌐26+
🦊16+
🧭9+
12+
🌐10+
🎭12.1+

animation

CSS 키프레임 애니메이션

우수
🌐43+
🦊16+
🧭9+
12+
🌐10+
🎭30+

filter

요소에 시각적 효과 (블러, 밝기 등)

우수
🌐53+
🦊35+
🧭9.1+
12+
🌐
🎭40+

clip-path

요소를 특정 모양으로 자르기

우수
🌐55+
🦊54+
🧭13.1+
79+
🌐
🎭42+

object-fit

이미지/비디오 크기 조절 방법

우수
🌐32+
🦊36+
🧭10+
16+
🌐
🎭19+

position: sticky

스크롤에 따라 고정되는 위치

우수
🌐56+
🦊32+
🧭13+
16+
🌐
🎭43+

backdrop-filter

요소 뒤의 배경에 필터 효과

우수
🌐76+
🦊103+
🧭18+
17+
🌐
🎭63+

scroll-behavior

스크롤 동작 제어

우수
🌐61+
🦊36+
🧭15.4+
79+
🌐
🎭48+

custom properties (CSS variables)

사용자 정의 CSS 변수

우수
🌐49+
🦊31+
🧭9.1+
16+
🌐
🎭36+

aspect-ratio

요소의 가로세로 비율 설정

우수
🌐88+
🦊89+
🧭15+
88+
🌐
🎭74+
🌐

CSS 속성을 선택하면
호환성 정보를 확인할 수 있습니다.

🗂️ 브라우저 정보

🌐
Chrome
Google Chrome
🦊
Firefox
Mozilla Firefox
🧭
Safari
Apple Safari
Edge
Microsoft Edge
🌐
IE
Internet Explorer
🎭
Opera
Opera Browser

숫자+: 해당 버전부터 지원

: 지원하지 않음

• 정보는 대략적인 지원 상황이며, 정확한 정보는 Can I Use 등의 사이트에서 확인하세요.