Opublikowano: 17 lipca 2026 r.
Witamy ponownie w comiesięcznym podsumowaniu Baseline. W czerwcu 2026 r. funkcja field-sizing stała się nowością w Baseline, umożliwiając automatyczne dostosowywanie się elementów sterujących formularza do ich zawartości. W tym samym czasie wiele funkcji CSS, HTML i interfejsu Web API osiągnęło status powszechnie dostępnych w Baseline, a społeczność deweloperów wprowadziła ważne aktualizacje.
Alerty Baseline dotyczące stanu platformy internetowej
Dzięki alertom Baseline w panelu stanu platformy internetowej łatwiej jest śledzić, kiedy funkcje internetowe stają się interoperacyjne. Po zalogowaniu się za pomocą GitHub możesz subskrybować powiadomienia o funkcjach, które stają się nowością w Baseline, powszechnie dostępne lub otrzymują nowe implementacje w przeglądarce. Subskrypcje można skonfigurować tak, aby wysyłać e-maile z aktualizacjami lub niestandardowe kanały RSS w harmonogramie miesięcznym, tygodniowym lub natychmiastowym. Możesz ograniczyć alerty do zapisanych wyszukiwań (np. wszystkich funkcji HTML), tworzyć niestandardowe biuletyny, generować listy funkcji, które można udostępniać, lub konfigurować webhooki Slacka, aby powiadamiać zespół inżynierów.
Więcej informacji znajdziesz w artykule Wprowadzenie do alertów Baseline.
Nowości w Baseline
Funkcje opisane w tej sekcji są obsługiwane od czerwca 2026 r. w podstawowym zestawie przeglądarek i są teraz nowością w Baseline.
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. Dzięki field-sizing: content elementy sterujące formularza automatycznie rozszerzają się lub kurczą, aby dopasować się do swojej zawartoś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 powszechnie dostępne w Baseline
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.
Pseudoklasa :has()
Selektor nadrzędny CSS :has() umożliwia stylizowanie elementu na podstawie jego elementów potomnych lub kolejnych elementów równorzędnych. Ta funkcjonalna pseudoklasa 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 dotyczącej pseudoklasy :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 ramek iframe poza ekranem dopóki nie zostaną przewinięte w pobliże widocznego obszaru, co pozwala zaoszczędzić przepustowość sieci i zmniejszyć narzut podczas początkowego wczytywania strony.
Szczegółowe informacje znajdziesz w dokumentacji MDN dotyczącej właściwości HTMLIFrameElement.loading.
CanvasRenderingContext2D.reset()
Metoda reset() w kontekstach płótna 2D czyści stan kontekstu rysowania, przywracając właściwości takie jak przekształcenia, ścieżki przycinania, style linii i style wypełnienia do ich wartości domyślnych. Umożliwia to ponowne użycie kontekstu płótna bez ręcznego czyszczenia właściwości.
Więcej informacji znajdziesz w dokumentacji MDN dotyczącej metody CanvasRenderingContext2D.reset.
Jednostka długości cap
Jednostka względna cap odpowiada nominalnej wysokości wielkich liter w czcionce elementu. Umożliwia wyrównywanie i określanie 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.
Właściwość counter-set
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 list numerowanych, konspektów dokumentów lub niestandardowych sekwencji liczników.
Szczegółowe informacje znajdziesz na stronie MDN dotyczącej właściwości counter-set.
createImageBitmap()
Metoda statyczna createImageBitmap() tworzy asynchroniczny obraz bitmapowy
z różnych źródeł obrazów, w tym <img>, <canvas>, Blob lub
ImageData. Ponieważ dekoduje obrazy poza głównym wątkiem, pozwala uniknąć blokowania wydajności interfejsu użytkownika podczas obsługi złożonej grafiki płótna.
Szczegóły implementacji znajdziesz w dokumentacji MDN dotyczącej metody createImageBitmap.
Typ danych <easing-function>
Typ danych CSS <easing-function> opisuje matematyczne krzywe szybkości zmian
dla przejść i animacji. Oprócz standardowych słów kluczowych, takich jak ease-in czy cubic-bezier(), obsługuje funkcje takie jak linear(), które umożliwiają tworzenie niestandardowych efektów sprężynowania lub odbijania.
Dowiedz się, jak go używać, w dokumentacji MDN dotyczącej funkcji easing-function.
Selektor zagnieżdżania &
Selektor zagnieżdżania & jawnie zakotwicza selektory reguł podrzędnych do ich selektora nadrzędnego podczas korzystania z wbudowanego zagnieżdżania CSS. Zapewnia przejrzystość i prawidłowe reguły specyficzności podczas definiowania zagnieżdżonych stanów najechania kursorem, skupienia lub pseudoklasy.
Szczegółowe informacje znajdziesz w przewodniku MDN dotyczącym selektora zagnieżdżania.
Wstępne ładowanie responsywne za pomocą rel="preload"
Atrybut media w elementach <link rel="preload"> umożliwia responsywne
wstępne ładowanie kluczowych zasobów. Łącząc rel="preload" z zapytaniami o media,
przeglądarki pobierają tylko te zasoby, które pasują do szerokości widocznego obszaru użytkownika lub charakterystyki wyświetlania
na wczesnym etapie cyklu ładowania.
Dowiedz się, jak go używać, w dokumentacji MDN dotyczącej rel="preload".
HTMLMediaElement.preservesPitch
Właściwość preservesPitch elementów <audio> i <video> określa
czy przeglądarka ma dostosowywać wysokość dźwięku podczas zmiany playbackRate.
Ustawienie tej właściwości na false umożliwia zmianę wysokości dźwięku podczas przyspieszania lub spowalniania odtwarzania multimediów.
Szczegółowe informacje znajdziesz na stronie MDN dotyczącej właściwości HTMLMediaElement.preservesPitch.
Pseudoklasa :dir()
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 obliczony kontekst tekstu.
Więcej informacji znajdziesz na stronie MDN dotyczącej pseudoklasy :dir.
Funkcja matematyczna pow()
Funkcja CSS pow() oblicza wartości potęgi bezpośrednio w deklaracjach CSS, podnosząc liczbę bazową do potęgi (np. pow(2, 3)). Upraszcza to skalowanie responsywne i relacje matematyczne w siatce.
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 przycinania. Łączy 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 dotyczącej właściwości mask property.
@media (scripting)
Funkcja multimedialna scripting sprawdza, czy skrypty po stronie klienta (np. JavaScript) są włączone i dostępne w kontekście przeglądarki. Umożliwia to kierowanie stylów progresywnego ulepszania na środowiska z aktywnym JavaScriptem lub bez niego.
Więcej informacji znajdziesz w dokumentacji MDN dotyczącej funkcji multimedialnej scripting.
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 metody URL.canParse.
Interfejs Storage Access API
Interfejs Storage Access API zapewnia mechanizm, który umożliwia treściom z różnych witryn osadzonym
w ramkach <iframe> innych firm żądanie dostępu do plików cookie i pamięci masowej bez partycji, co umożliwia uwierzytelnianie i interakcje stanowe między granicami domen.
Szczegółowe informacje znajdziesz na stronie MDN dotyczącej interfejsu Storage Access API.
I to już koniec
Jeśli coś pominęliśmy, daj nam znać, 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 narzędziu do śledzenia problemów.