9월의 웹 플랫폼 신규 출시

2025년 9월에 안정화 및 베타 웹브라우저에 도입된 흥미로운 기능을 알아보세요.

Rachel Andrew

게시일: 2025년 10월 1일

안정화 브라우저 출시

Chrome 140, Chrome 141, Safari 26, Firefox 143이 9월에 안정 버전으로 출시되었으며, 이 게시물에서는 웹 플랫폼에 있어 매우 흥미로운 한 달을 살펴봅니다.

Safari 26의 새로운 CSS 기능

최신 Safari 버전에는 다양한 기능이 포함되어 있으며, Safari 26.0의 WebKit 기능에 자세히 설명되어 있습니다. CSS의 주요 기능은 다음과 같습니다.

앵커 위치 지정

Interop 2025의 일환으로 Safari는 CSS 앵커 위치 지정 지원을 제공했습니다. 이를 통해 요소를 앵커에 연결할 수 있으며, 특히 팝오버와 결합할 때 유용합니다.

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: not supported.
  • Safari: 26.

Source

text-wrap: pretty

text-wrap의 pretty 값은 브라우저에 서체를 개선하도록 요청합니다. 예를 들어 들쭉날쭉한 가장자리와 서체 강의 영향을 줄이고 짧은 마지막 줄을 방지합니다.

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: not supported.
  • Safari: 26.

Source

스크롤 기반 애니메이션

Safari는 스크롤 기반 애니메이션도 지원하므로 사용자가 스크롤한 거리에 애니메이션을 연결할 수 있습니다.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: behind a flag.
  • Safari: 26.

Source

새 값 및 함수

Safari는 contrast-color() 함수를 지원하는 최초의 브라우저로, 브라우저에 다른 색상과 가장 대비되는 색상을 선택하도록 요청할 수 있습니다.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.

Source

progress() 수학 함수는 두 값 사이의 진행률을 나타내는 숫자를 반환합니다.

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: not supported.
  • Safari: not supported.

절대 위치 지정을 위한 align-self 및 justify-self 속성이 이제 지원됩니다.

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 134.
  • Safari: not supported.

논리적 속성 overflow-block 및 overflow-inline가 지원되며 overflow-x 및 overflow-y 대신 사용할 수 있습니다.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 69.
  • Safari: 26.

Source

이제 Safari에서도 margin-trim를 지원합니다.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 16.4.

Source

::details-content 의사 요소

Firefox 143에서는 ::details-content가 지원되므로 <details> 요소의 콘텐츠에 스타일을 지정할 수 있습니다.

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: 143.
  • Safari: 18.4.

Source

생성된 콘텐츠로 만든 마커 스타일 지정 지원

Firefox 143에서는 ::before::marker 및 ::after::marker 선택자도 지원합니다. 이를 통해 ::before 또는 ::after 가상 요소를 사용하여 생성된 ::marker의 스타일을 지정할 수 있습니다.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: not supported.
  • Safari: not supported.

Digital Credentials API

Safari 26 및 Chrome 141에는 디지털 사용자 인증 정보 API 지원이 포함되어 있습니다. 이를 통해 웹사이트는 디지털 지갑에 저장된 운전면허증이나 주민등록증과 같은 디지털 사용자 인증 정보를 통해 사용자에 관한 확인 가능한 정보를 선택적으로 요청할 수 있습니다.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.

URL 패턴 API가 Baseline Newly available이 됨

URL 패턴 API를 사용하면 URL 패턴 표준을 사용하여 정규 표현식으로 URL을 일치시킬 수 있습니다. Safari 26에서 제공되었으며 이제 새로 사용 가능한 기준입니다.

Browser Support

  • Chrome: 95.
  • Edge: 95.
  • Firefox: 142.
  • Safari: 26.

Source

이제 Uint8Array에서 base64 및 16진수로 변환하는 기능이 Baseline Newly available로 제공됩니다.

Base64는 임의의 바이너리 데이터를 ASCII로 표현하는 일반적인 방법입니다. JavaScript에는 바이너리 데이터를 위한 Uint8Arrays가 있습니다. 하지만 데이터를 base64로 인코딩하거나 base64 데이터를 가져와 해당 Uint8Array를 생성하는 기본 제공 메커니즘이 없습니다. 이 기능은 16진수 문자열과 Uint8Arrays 간에 변환하는 기능과 메서드를 추가합니다. Chrome 140에서는 새로 사용 가능한 기준이 됩니다.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 133.
  • Safari: 18.2.

Source

caret-animation 속성

CSS caret-animation 속성은 Chrome 140에서 제공되며 auto 및 manual의 두 가지 값을 사용할 수 있습니다. auto는 브라우저 기본값 (깜박임)을 의미하고 manual는 개발자가 캐럿 애니메이션을 제어함을 의미합니다. 또한 깜박이는 시각적 요소로 인해 불편을 느끼거나 부작용이 있는 사용자는 사용자 스타일시트를 사용하여 깜박임을 사용 중지할 수 있습니다.

Browser Support

  • Chrome: 140.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: not supported.

Source

ARIA Notify API

Chrome 141부터 ariaNotify는 콘텐츠 작성자가 스크린 리더에 읽을 내용을 알려줄 수 있는 JavaScript API를 제공합니다. ARIA 라이브 리전에 비해 안정성과 개발자 제어 기능이 향상되어 DOM 업데이트와 관련이 없는 변경사항을 알릴 수 있습니다.

getAll() 및 getAllKeys()의 IndexedDB getAllRecords() 및 direction 옵션

Chrome 141의 이 기능은 IndexedDB IDBObjectStore 및 IDBIndex에 getAllRecords() 메서드를 추가합니다. 또한 getAll() 및 getAllKeys()에 방향 매개변수를 추가합니다. 이 기능을 사용하면 커서를 사용한 기존 대체 방법과 비교할 때 특정 읽기 패턴이 훨씬 더 빨라집니다.

베타 브라우저 출시

베타 브라우저 버전에서는 다음 안정화 버전 브라우저에 포함될 내용을 미리 볼 수 있습니다. 전 세계에 출시되기 전에 사이트에 영향을 미칠 수 있는 새로운 기능이나 삭제를 테스트하기에 좋은 시기입니다. 이번 달의 새로운 베타는 Firefox 144와 Safari 26.1입니다.

Safari 26.1은 주로 버그 수정 출시로, 앵커 위치 수정 등 변경사항이 포함되어 있습니다. Firefox 144에는 단일 페이지 앱 (SPA)용 뷰 전환이 제공됩니다. 이는 Interop 2025의 중점 분야 중 하나이며 이 기능이 새로 사용 가능한 기준이 된다는 의미입니다.

Firefox 144에는 Element, DocumentFragment, Document 인터페이스의 moveBefore() 메서드도 포함되어 있습니다. 이렇게 하면 객체의 직계 하위 요소를 다른 하위 요소보다 먼저 이동할 수 있습니다.