Chrome 140의 새로운 기능

Rachel Andrew

게시일: 2025년 9월 2일

Chrome 140이 출시되었으며, 이 게시물에서는 이번 출시의 주요 기능을 소개합니다. Chrome 140 출시 노트 전문을 읽어보세요.

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

ToggleEvent를 트리거한 요소 확인

ToggleEvent의 source 속성에는 ToggleEvent이 실행되도록 트리거한 요소가 포함됩니다(해당하는 경우).

예를 들어 사용자가 popovertarget 또는 commandfor 속성이 설정된 <button> 요소를 클릭하여 팝오버를 여는 경우 팝오버에서 발생한 ToggleEvent의 소스 속성은 호출 <button>로 설정됩니다.

source의 예시는 MDN 문서를 참고하세요.

content 속성의 대체 텍스트에 counter() 및 counters() 사용

이 기능은 content 속성의 대체 텍스트에서 counter() 및 counters()를 사용할 수 있는 기능을 추가합니다. 이를 통해 접근성을 개선하기 위한 더 의미 있는 정보를 제공할 수 있습니다.

이제 font-variation-settings 설명자가 @font-face 규칙에서 지원됩니다.

CSS를 사용하면 개별 요소의 font-variation-settings 속성을 사용하여 글꼴의 가중치, 너비, 기울기 및 기타 축을 조정할 수 있습니다. @font-face의 font-variation-settings CSS 설명자를 사용하면 @font-face at-rule에서 동일한 작업을 할 수 있습니다. 이 설명자의 값은 전역 키워드 값을 제외하고 font-variation-settings 속성과 동일합니다.

@font-face {
  font-family: "OpenTypeFont";
  src: url("open_type_font.woff2") format("woff2");
  font-variation-settings:
    "wght" 400,
    "wdth" 300;
}

추가 자료

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

구독

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

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