Chrome 150의 새로운 기능

Rachel Andrew

게시일: 2026년 6월 30일

Chrome 150이 출시되고 있으며 이 게시물에서는 출시의 주요 기능을 공유합니다. Chrome 150 출시 노트를 전체적으로 읽어보세요.

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

CSS text-fit 속성

text-fit 속성은 텍스트 노드의 글꼴 크기를 포함된 상자의 너비에 맞게 조정합니다.

이 속성을 사용하면 수동 글꼴 크기 계산이나 복잡한 JavaScript 해결 방법 없이 제목이나 동적 콘텐츠가 사용 가능한 가로 공간을 채울 수 있습니다. 다양한 화면 크기에서 시각적 정렬을 유지하는 반응형 타이포그래피를 위한 강력한 CSS 기본 솔루션을 제공합니다.

Focusgroup

focusgroup 속성을 사용하면 복합 위젯에 선언적으로 화살표 키 탐색, 보장된 탭 정지, 마지막으로 포커스가 맞춰진 메모리를 제공하여 수동으로 코딩된 로빙 tabindex 스크립트를 대체할 수 있습니다.

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

CSS background-clip: border-area

CSS background-clip 속성에 border-area 값을 구현합니다. background-clip: border-area는 요소의 배경을 테두리 획으로 그려진 영역으로 클리핑하여 border-width 및 border-style을 고려하는 동시에 border-color의 투명도를 무시합니다.

이렇게 하면 border-image 해결 방법 없이 CSS에서 직접 그라데이션 테두리를 만들 수 있습니다.

추가 자료

여기에서는 몇 가지 주요 내용만 다룹니다. Chrome 150의 추가 변경사항은 다음 링크를 확인하세요.

구독

최신 소식을 확인하려면 Chrome Developers YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다. 또는 X 또는 LinkedIn에서 새 기사와 블로그 게시물을 팔로우하세요.

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