Opublikowano: 17 lipca 2026 r.
Witamy ponownie w comiesięcznym podsumowaniu Baseline. W czerwcu 2026 r. field-sizing
stał się dostępny w wersji Baseline, co umożliwiło automatyczne dostosowywanie elementów formularza
do ich zawartości. W tym czasie wiele funkcji CSS, HTML i Web API osiągnęło stan Baseline Widely available, a społeczność deweloperów opublikowała ważne aktualizacje.
Alerty dotyczące stanu platformy internetowej
Dzięki alertom dotyczącym stanu podstawowego w panelu stanu platformy internetowej łatwiej jest teraz śledzić, kiedy funkcje internetowe stają się interoperacyjne. Po zalogowaniu się w GitHubie możesz subskrybować powiadomienia o funkcjach, które stają się dostępne w ramach Baseline Newly available, Widely available lub otrzymują nowe implementacje w przeglądarce. Subskrypcje można skonfigurować tak, aby wysyłać aktualizacje e-mail lub niestandardowe kanały RSS co miesiąc, co tydzień lub natychmiast. Możesz ograniczyć zakres alertów do zapisanych wyszukiwań, np. wszystkich funkcji HTML, tworzyć niestandardowe newslettery, generować listy funkcji do udostępniania lub konfigurować webhooki Slacka, aby powiadamiać zespół inżynierów.
Więcej informacji znajdziesz w artykule Wprowadzenie alertów dotyczących wartości bazowych.
Funkcje podstawowe – nowości
Funkcje w tej sekcji są obsługiwane od czerwca 2026 r. w podstawowym zestawie przeglądarek i są teraz dostępne w ramach Baseline Newly available.
field-sizing
Właściwość CSS field-sizing umożliwia kontrolowanie zachowania rozmiaru elementów formularza, takich jak <textarea>, <input> i <select>, które tradycyjnie mają domyślne stałe wymiary. field-sizing: content elementy sterujące formularza automatycznie rozwijają się lub zwijają, aby dopasować się do treści, co zmniejsza potrzebę stosowania niestandardowych skryptów JavaScript do automatycznej zmiany rozmiaru.
Więcej informacji znajdziesz na stronie referencyjnej MDN dotyczącej właściwości field-sizing.
Funkcje podstawowe powszechnie dostępne
Te funkcje stały się powszechnie dostępne w Baseline, co oznacza, że są teraz szeroko kompatybilne i można ich używać w projektach.
:has() pseudoklasa
Selektor nadrzędny CSS :has() umożliwia nadawanie stylu elementowi na podstawie jego elementów podrzędnych lub kolejnych elementów równorzędnych. Ta pseudoklasa funkcyjna umożliwia stosowanie warunkowych wzorców układu bezpośrednio w CSS bez konieczności używania JavaScriptu do sprawdzania struktur DOM.
Więcej informacji znajdziesz na stronie MDN poświęconej pseudoklasie :has.
HTMLIFrameElement.loading
Właściwość loading elementów <iframe> umożliwia leniwe ładowanie osadzonych ramek. Określając loading="lazy", przeglądarki odraczają ładowanie elementów iframe poza ekranem, dopóki nie zostaną przewinięte w pobliże widocznego obszaru, co pozwala zaoszczędzić przepustowość sieci i zmniejszyć obciążenie związane z początkowym wczytaniem strony.
Szczegółowe informacje znajdziesz w dokumentacji MDN dotyczącej atrybutu HTMLIFrameElement.loading.
CanvasRenderingContext2D.reset()
Metoda reset() w kontekstach płótna 2D czyści stan kontekstu rysowania, resetując właściwości takie jak przekształcenia, ścieżki przycinania, style linii i style wypełnienia do wartości domyślnych. Umożliwia to czyste ponowne użycie kontekstu elementu canvas bez ręcznego czyszczenia właściwości.
Więcej informacji znajdziesz w dokumentacji MDN dotyczącej metody CanvasRenderingContext2D.reset.
cap jednostka długości
Jednostka cap jest względna względem czcionki i odpowiada nominalnej wysokości wielkich liter czcionki elementu. Umożliwia wyrównywanie i dopasowywanie rozmiaru elementów względem wysokości wielkich liter, co pozwala tworzyć precyzyjne układy typograficzne.
Więcej informacji znajdziesz w dokumentacji MDN dotyczącej jednostek długości.
counter-set miejsce zakwaterowania
Właściwość CSS counter-set ustawia licznik CSS na określoną wartość, uzupełniając właściwości counter-reset i counter-increment. Umożliwia kontrolowanie numerowanych list, konspektów dokumentów i niestandardowych sekwencji liczników.
Szczegółowe informacje znajdziesz na stronie MDN poświęconej funkcji counter-set.
createImageBitmap()
Metoda statyczna createImageBitmap() tworzy asynchroniczny obraz bitmapowy z różnych źródeł obrazów, w tym <img>, <canvas>, Blob i ImageData. Ponieważ dekoduje obrazy poza wątkiem głównym, nie blokuje wydajności interfejsu podczas obsługi złożonej grafiki na obiekcie canvas.
Szczegóły implementacji znajdziesz w dokumentacji MDN dotyczącej funkcji createImageBitmap.
<easing-function> typ danych
Typ danych CSS <easing-function> opisuje matematyczne krzywe szybkości zmian
w przypadku przejść i animacji. Oprócz standardowych słów kluczowych, takich jak ease-in lub cubic-bezier(), obsługuje funkcje takie jak linear(), które umożliwiają tworzenie niestandardowych efektów sprężystości lub odbicia.
Dowiedz się, jak z niej korzystać, w dokumentacji MDN dotyczącej funkcji easing-function.
Selektor zagnieżdżania &
Selektor zagnieżdżania & wyraźnie zakotwicza selektory reguł podrzędnych do selektora nadrzędnego podczas korzystania z wbudowanego zagnieżdżania CSS. Zapewnia to przejrzystość i prawidłowe reguły specyficzności podczas definiowania zagnieżdżonych stanów najechania kursorem, zaznaczenia lub pseudoklas.
Szczegółowe informacje znajdziesz w przewodniku MDN dotyczącym selektora zagnieżdżania.
Wstępne wczytywanie elastyczne za pomocą rel="preload"
Atrybut media w elementach <link rel="preload"> umożliwia responsywne wstępne wczytywanie kluczowych komponentów. Dzięki połączeniu rel="preload" z zapytaniami o media przeglądarki pobierają tylko te zasoby, które pasują do szerokości widocznego obszaru lub charakterystyki wyświetlacza użytkownika, na wczesnym etapie cyklu ładowania.
Dowiedz się, jak go używać, z dokumentacji MDN dotyczącej atrybutu rel="preload".
HTMLMediaElement.preservesPitch
Właściwość preservesPitch w elementach <audio> i <video> określa, czy przeglądarka ma dostosowywać wysokość dźwięku podczas zmiany playbackRate.
Ustawienie false umożliwia zmianę wysokości dźwięku podczas przyspieszania lub zwalniania odtwarzania multimediów.
Szczegółowe informacje znajdziesz na stronie MDN poświęconej właściwości HTMLMediaElement.preservesPitch.
:dir() pseudoklasa
Pseudoklasa CSS :dir() dopasowuje elementy na podstawie kierunku tekstu (np. ltr lub rtl), dopasowując kierunek dziedziczony z atrybutów HTML, takich jak dir, lub obliczany kontekst tekstu.
Więcej informacji znajdziesz na stronie MDN poświęconej pseudoklasie :dir.
funkcja matematyczna pow()
Funkcja pow() CSS oblicza wartości potęgi wykładniczej bezpośrednio w deklaracjach CSS, podnosząc liczbę bazową do potęgi (np. pow(2, 3)). Upraszcza to skalowanie elastyczne i matematyczne relacje siatki.
Szczegółowe informacje znajdziesz w dokumentacji MDN dotyczącej funkcji pow.
Właściwość CSS mask
Właściwość skrócona CSS mask ukrywa części elementu za pomocą obrazów lub gradientów jako warstw przycinających. Łączy on właściwości podrzędne, takie jak mask-image, mask-position i mask-repeat, aby tworzyć złożone efekty maskowania wizualnego.
Więcej informacji znajdziesz na stronie MDN poświęconej właściwości mask.
@media (scripting)
Funkcja multimedialna scripting sprawdza, czy skrypty po stronie klienta (np. JavaScript) są włączone i dostępne w kontekście przeglądarki. Dzięki temu style progresywnego ulepszania mogą kierować reklamy na środowiska z aktywnym JavaScriptem lub bez niego.
Więcej informacji znajdziesz w dokumentacji MDN dotyczącej funkcji skryptowania multimediów.
URL.canParse()
Metoda statyczna URL.canParse() sprawdza, czy dany ciąg znaków jest prawidłowym adresem URL, który można przeanalizować (z opcjonalnym podstawowym adresem URL), bez zgłaszania wyjątku, co upraszcza weryfikację adresu URL w czasie działania przed utworzeniem instancji obiektów URL.
Szczegóły implementacji znajdziesz w dokumentacji MDN dotyczącej URL.canParse.
Interfejs Storage Access API
Interfejs Storage Access API zapewnia mechanizm, który umożliwia treściom z różnych witryn umieszczonym w <iframe>innych firm żądanie dostępu do niepartycjonowanych plików cookie i pamięci masowej, co umożliwia uwierzytelnianie i interakcje z zachowaniem stanu w różnych domenach.
Szczegółowe informacje znajdziesz na stronie MDN poświęconej interfejsowi Storage Access API.
I to już koniec
Daj nam znać, jeśli pominęliśmy coś związanego z Baseline, a uwzględnimy to w przyszłym wydaniu. Jeśli masz pytania lub chcesz przesłać opinię na temat Baseline, możesz zgłosić problem w naszym systemie śledzenia problemów.