Chrome 147의 새로운 기능

Rachel Andrew

게시일: 2026년 4월 7일

이제 Chrome 147이 출시됩니다. 이 게시물에서는 이번 출시의 주요 기능을 소개합니다. 전체 Chrome 147 출시 노트를 읽어보세요.

이번 출시의 주요 내용은 다음과 같습니다.

요소 범위 뷰 전환

이 기능은 임의의 HTML 요소에 element.startViewTransition()를 노출합니다. 이 요소는 전환의 범위를 설정합니다. 즉, 전환 의사 요소는 상위 클립과 변환의 영향을 받으며 별도의 요소에 있는 여러 전환이 동시에 실행될 수 있습니다.

요소 범위 뷰 전환을 사용하면 진행 중인 뷰 전환을 중첩하고 페이지의 나머지 부분을 대화형으로 유지할 수도 있습니다.

자세한 내용은 Chrome 147에서 요소 범위 뷰 전환을 사용하여 동시 및 중첩 뷰 전환 사용 설정을 참고하세요.

CSS contrast-color()

이 함수는 접근성을 위한 대비 요구사항을 충족하는 데 도움이 됩니다.

색상 값이 필요한 CSS의 어느 곳에서나 contrast-color() 함수를 사용할 수 있습니다. 색상 값 인수를 사용하고 색상 인수와 가장 높은 대비를 제공하는 'black' 또는 'white'를 반환합니다.

contrast-color()에 관한 MDN 문서에서 자세히 알아보세요.

CSS border-shape 속성

CSS border-shape 속성을 사용하면 다각형, 원, shape()과 같은 임의의 모양으로 직사각형이 아닌 테두리를 만들 수 있습니다.

border-shape는 clip-path와 동일한 모양을 허용하지만 근본적으로 다릅니다. border-shape는 테두리의 모양을 정의하고, 테두리를 꾸미고, 내부만 클리핑합니다. border-shape에는 두 가지 변형이 있습니다. 하나는 도형을 획으로 표시하고 다른 하나는 두 도형 사이를 채웁니다.

추가 자료

여기서는 몇 가지 주요 사항만 다룹니다. Chrome 147의 추가 변경사항은 다음 링크를 참고하세요.

구독

최신 소식을 확인하려면 Chrome 개발자 YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다. X 또는 LinkedIn에서 팔로우하여 새로운 도움말과 블로그 게시물을 확인하세요.

Chrome 148이 출시되면 Chrome의 새로운 기능을 알려드리겠습니다.