Nowości w Chrome 150

Rachel Andrew

Opublikowano: 30 czerwca 2026 r.

Chrome 150 jest obecnie wdrażany, a w tym poście znajdziesz informacje o niektórych najważniejszych funkcjach tej wersji. Przeczytaj pełną treść informacji o wersji Chrome 150.

Najważniejsze zmiany w tej wersji:

• Właściwość CSS text-fit skaluje rozmiar czcionki, aby dopasować go do pól.
• Focusgroup zapewnia deklaratywną nawigację za pomocą klawiszy strzałek w przypadku komponentów internetowych.
• CSS background-clip: border-area umożliwia natywne tworzenie obramowań gradientowych.

Właściwość CSS text-fit

Właściwość text-fit skaluje rozmiar czcionki węzłów tekstowych, aby idealnie pasował do szerokości pola, w którym się znajduje.

Ta właściwość pozwala zapewnić, że nagłówki lub treści dynamiczne wypełnią dostępną przestrzeń poziomą bez konieczności ręcznego obliczania rozmiaru czcionki ani stosowania skomplikowanych obejść w JavaScript. Jest to solidne, natywne rozwiązanie CSS do elastycznej typografii, które zachowuje wyrównanie wizualne na różnych rozmiarach ekranu.

Focusgroup

Atrybut focusgroup umożliwia deklaratywne nadanie złożonym widżetom nawigacji za pomocą klawiszy strzałek, gwarantowanego zatrzymania tabulatora i pamięci ostatnio zaznaczonego elementu, zastępując ręcznie kodowane skrypty indeksu tabulatora.

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

CSS background-clip: border-area

Implementuje wartość border-area dla właściwości CSS background-clip. background-clip: border-area przycina tło elementu do obszaru namalowanego przez obrysy obramowania, uwzględniając border-width i border-style, ale ignorując przezroczystość z border-color.

Umożliwia to tworzenie obramowań gradientowych bezpośrednio w CSS bez konieczności stosowania obejść.border-image

Więcej informacji

Obejmuje to tylko niektóre najważniejsze informacje. Dodatkowe zmiany w Chrome 150 znajdziesz pod tymi linkami:

• Informacje o wersji Chrome 150
• Aktualizacje ChromeStatus.com dotyczące Chrome 150.
• Kalendarz publikacji wersji Chrome

Subskrybuj

Aby być na bieżąco, zasubskrybuj kanał YouTube Chrome Developers. Będziesz otrzymywać e-maile z powiadomieniami o nowych filmach. Możesz też obserwować nas na X lub LinkedIn, aby otrzymywać powiadomienia o nowych artykułach i postach na blogu.

Gdy tylko Chrome 151 zostanie udostępniony, poinformujemy Cię o nowościach w Chrome.