Nowości na platformie internetowej w grudniu

Poznaj ciekawe funkcje, które w grudniu 2025 r. pojawiły się w stabilnych i beta wersjach przeglądarek internetowych.

Rachel Andrew

Data publikacji: 16 grudnia 2025 r.

Stabilne wersje przeglądarki

W grudniu w wersji stabilnej pojawiły się przeglądarki Chrome 143, Firefox 146 i Safari 26.2. W tym poście przyjrzymy się wielu nowym funkcjom, które pojawiły się w tym miesiącu, a kilka z nich stało się nowo dostępnymi funkcjami podstawowymi.

Reguła @scope CSS jest teraz punktem odniesienia

Firefox 146 zawiera regułę @ @scope CSS, która umożliwia wybieranie elementów w określonych poddrzewach DOM. Określ zakres, w którym selektory mogą kierować na elementy, i unikaj zbyt szczegółowych i długich selektorów. Na przykład ten kod CSS kieruje reklamy tylko na elementy <img>, jeśli znajdują się one w elemencie z klasą .card.

@scope (.card) {
    img {
        border-color: green;
    }
}

W Firefoxie 146 ta przydatna reguła @ jest teraz dostępna w ramach Baseline Newly available. Więcej informacji znajdziesz w artykule Ograniczanie zasięgu selektorów za pomocą reguły @ w arkuszu CSS.@scope

Funkcja CSS contrast-color()

W Firefoxie 146 dostępna jest też funkcja contrast-color(). Ta funkcja przyjmuje wartość koloru i zwraca kontrastujący kolor, który ma zapewnić minimalny kontrast WCAG AA.

Więcej przykładów znajdziesz w artykule How to have the browser pick a contrasting color in CSS (Jak sprawić, aby przeglądarka wybierała kontrastujący kolor w CSS) na blogu WebKit.

Browser Support

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

Source

Firefox to pierwsza przeglądarka, która udostępnia właściwość text-decoration-inset. Ta właściwość umożliwia dostosowanie punktów początkowego i końcowego dekoracji tekstu elementu, dzięki czemu można ją skrócić, wydłużyć lub przesunąć względem renderowanego tekstu.

Właściwość CSS font-language-override

Chrome 143 zawiera właściwość font-language-override. Umożliwia to zastąpienie działania kroju pisma w przypadku konkretnego języka. Jest to przydatne, jeśli używasz kroju pisma, który nie obsługuje prawidłowo danego języka. Możesz wtedy użyć glifów z podobnego języka, który jest lepiej obsługiwany.

Browser Support

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

Source

Zapytania o kontener zakotwiczonego elementu zastępczego w CSS

W Chrome 143 wprowadzono @container anchored(fallback), aby stylizować elementy podrzędne elementów zakotwiczonych na podstawie tego, która z wartości position-try-fallbacks jest zastosowana.

Takie zapytania mogą służyć do określania stylu połączenia elementu zakotwiczonego lub jego animacji na podstawie wzajemnego położenia elementu zakotwiczonego i elementu zakotwiczonego.

Składnia względna dla background-position-x/y długich nazw kolorów

W Chrome, a teraz także we wszystkich przeglądarkach, można określić położenie obrazu tła względem jednej z jego krawędzi za pomocą właściwości background-position. Na przykład:

.element {
  background-image: url(flower.gif);
  background-repeat: no-repeat;
  background-position-x: left 30px;
  background-position-y: bottom 20px;
}

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 49.
  • Safari: 15.4.

Właściwość animacji overallProgress

Safari 26.2 zawiera overallProgress. Ta właściwość interfejsu Animation tylko do odczytu zwraca liczbę z zakresu od 0 do 1, która wskazuje ogólny postęp animacji w kierunku stanu końcowego.

Ta usługa jest teraz dostępna w wersji podstawowej.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 142.
  • Safari Technology Preview: supported.

Source

LCP i INP są teraz dostępne w Baseline Newly available

Dane największego wyrenderowania treści (LCP) i interakcji do kolejnego wyrenderowania (INP) są teraz dostępne w ramach Baseline Newly Available. Safari 26.2 obsługuje interfejsy Contentful Paint API i Event Timing API, które są potrzebne do pomiaru tych danych.

Te funkcje zostały uwzględnione w programie Interop 2025, a obecnie możesz mierzyć te dane w najnowszych wersjach wszystkich głównych przeglądarek.

Largest Contentful Paint API

Browser Support

  • Chrome: 77.
  • Edge: 79.
  • Firefox: 122.
  • Safari: not supported.

Source

Event Timing API

Browser Support

  • Chrome: 76.
  • Edge: 79.
  • Firefox: 89.
  • Safari: not supported.

Source

CHIPS osiąga poziom Baseline Newly available

Safari 26.2 zawiera też CHIPS (Cookies Having Independent Partitioned State), czyli pliki cookie z niezależnym stanem partycjonowanym. Umożliwia to włączenie partycjonowanego przechowywania plików cookie z osobnym kontenerem plików cookie dla każdej witryny najwyższego poziomu.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 141.
  • Safari: not supported.

Source

hidden="until-found"

Safari 26.2 obsługuje hidden="until-found", który jest teraz dostępny w wersji podstawowej.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 139.
  • Safari Technology Preview: supported.

Source

Atrybuty command i commandfor

W przypadku HTML w Safari 26.2 obsługiwane są też elementy command i commandfor na przyciskach. Umożliwia to deklaratywne sterowanie wyskakującymi okienkami i oknami dialogowymi.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 144.
  • Safari Technology Preview: supported.

Source

Więcej informacji znajdziesz w artykule Przedstawiamy command i commandfor.

Zdarzenie scrollend

Kolejną funkcją, która stanie się dostępna w Safari 26.2, jest zdarzenie scrollend. To zdarzenie jest wywoływane po zakończeniu przewijania. Więcej informacji znajdziesz w artykule Scrollend, a new JavaScript event (Scrollend – nowe zdarzenie JavaScript).

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 109.
  • Safari Technology Preview: supported.

Source

Usługa scrollbar-color

Właściwość scrollbar-color umożliwia zmianę koloru suwaka i ścieżki paska przewijania. W Safari 26.2 ta funkcja jest też dostępna w Baseline Newly available.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 64.
  • Safari: not supported.

Source

Wersje beta przeglądarki

Wersje beta przeglądarki umożliwiają zapoznanie się z funkcjami, które pojawią się w kolejnej stabilnej wersji przeglądarki. To świetny moment na przetestowanie nowych funkcji lub usunięć, które mogą mieć wpływ na Twoją witrynę, zanim zostaną one udostępnione wszystkim użytkownikom. Nowe wersje beta w tym miesiącu to Firefox 147 i Chrome 144.

Chrome 144 zawiera pseudoelement ::search-text do stylizowania wyników wyszukiwania na stronie i obsługę scrolled, która umożliwia stylizowanie elementów podrzędnych kontenerów na podstawie ostatniego kierunku przewijania.@scroll-state Zawiera też interfejs Temporal API ze standardowymi obiektami i funkcjami do pracy z datami i godzinami.

Firefox 147 to ekscytująca wersja, która zawiera pozycjonowanie elementów zakotwiczonych w CSS, typy przejść widoku i interfejs Navigation API.

Więcej informacji o ciekawych funkcjach CSS i interfejsu użytkownika, które pojawiły się w tym roku, znajdziesz w artykule CSS Wrapped 2025.