게시일: 2026년 4월 7일
이제 Chrome 147이 출시됩니다. 이 게시물에서는 출시의 주요 기능을 몇 가지 공유합니다. 전체 Chrome 147 출시 노트를 읽어보세요.
이번 출시 버전의 중요한 변경사항:
- 요소 범위 뷰 전환은
startViewTransition임의의 HTML 요소에서 노출합니다. - CSS contrast-color()는 접근성 요구사항을 충족하는 데 도움이 됩니다.
- CSS
border-shape속성을 사용하면 직사각형이 아닌 테두리를 만들 수 있습니다.
요소 범위 뷰 전환
이 기능은 임의의 HTML 요소에서 element.startViewTransition()을 노출합니다.
요소는 전환의 범위를 설정합니다. 즉, 전환 가상 요소는 상위 클립 및 변환의 영향을 받으며 별도의 요소에서 여러 전환을 동시에 실행할 수 있습니다.
요소 범위 뷰 전환을 사용하면 진행 중인 뷰 전환을 중첩하고 페이지의 나머지 부분을 대화형으로 유지할 수도 있습니다.
자세한 내용은 Chrome 147에서 요소 범위 뷰 전환을 사용하여 동시 및 중첩 뷰 전환 사용 설정을 참고하세요.
CSS contrast-color()
이 함수는 접근성을 위한 대비 요구사항을 충족하는 데 도움이 됩니다.
색상 값이 필요한 CSS의 어느 곳에서나 contrast-color() 함수를 사용할 수 있습니다. 색상 값 인수를 사용하고 색상 인수에 대해 가장 높은 대비를 제공하는 '검은색' 또는 '흰색'을 반환합니다.
에 관한 MDN 문서를 참고하세요contrast-color().
CSS border-shape 속성
CSS border-shape 속성을 사용하면 다각형, 원 또는 shape()와 같은 임의의 모양으로 직사각형이 아닌 테두리를 만들 수 있습니다.
border-shape은 clip-path와 동일한 모양을 허용하지만 근본적으로 다릅니다. border-shape 은 테두리의 모양을 정의하고, 장식하며, 내부만 클리핑합니다. border-shape 에는 두 가지 변형이 있습니다. 하나는 도형을 획으로 표시하고 다른 하나는 두 도형 사이를 채웁니다.
추가 자료
여기에서는 몇 가지 주요 사항만 다룹니다. Chrome 147의 추가 변경사항은 다음 링크를 참고하세요.
- Chrome 147 출시 노트
- Chrome DevTools의 새로운 기능 (147).
- Chrome 147의 ChromeStatus.com 업데이트
- Chrome 출시 캘린더.
구독
최신 소식을 확인하려면 Chrome Developers YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다. 또는 X 또는 LinkedIn에서 새로운 기사와 블로그 게시물을 팔로우하세요.
Chrome 148이 출시되는 즉시 Chrome의 새로운 기능을 알려드리겠습니다.