Новое в Chrome 150

Рэйчел Эндрю

Опубликовано: 30 июня 2026 г.

Выходит Chrome 150, и в этом посте мы расскажем о некоторых ключевых функциях этого релиза. Ознакомьтесь с полными примечаниями к выпуску Chrome 150 .

Основные моменты этого релиза:

  • Свойство CSS text-fit масштабирует размер шрифта, чтобы он соответствовал размерам содержащихся в нем блоков.
  • Focusgroup предоставляет декларативную навигацию с помощью клавиш со стрелками для веб-компонентов.
  • CSS-свойство background-clip: border-area позволяет создавать градиентные границы напрямую.

Свойство CSS text-fit

Свойство text-fit масштабирует размер шрифта текстовых узлов таким образом, чтобы он идеально соответствовал ширине содержащего их блока.

Это свойство позволяет гарантировать, что заголовки или динамический контент будут заполнять доступное горизонтальное пространство без ручных вычислений размера шрифта или сложных обходных путей с помощью JavaScript. Оно предоставляет надежное, нативное решение CSS для адаптивной типографики, которое сохраняет визуальное выравнивание на экранах разных размеров.

Фокус-группа

Атрибут focusgroup позволяет декларативно задавать составным виджетам навигацию с помощью клавиш со стрелками, гарантированную точку перехода по вкладке и память для последнего сфокусированного элемента, заменяя написанные вручную скрипты для управления индексом вкладки (tabindex).

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

CSS background-clip: border-area

Реализует значение border-area для свойства CSS background-clip . background-clip: border-area обрезает фон элемента по области, нарисованной его контурами границы, учитывая border-width и border-style , но игнорируя прозрачность, заданную параметром border-color .

Это позволяет создавать градиентные границы непосредственно в CSS без необходимости использования обходных путей border-image .

Дополнительная информация

Здесь описаны лишь некоторые ключевые моменты. Для получения дополнительной информации об изменениях в Chrome 150 перейдите по следующим ссылкам.

Подписаться

Чтобы быть в курсе всех новостей, подпишитесь на YouTube-канал Chrome Developers , и вы будете получать уведомления по электронной почте каждый раз, когда мы выпускаем новое видео. Или подпишитесь на нас в X или LinkedIn, чтобы получать новые статьи и записи в блоге.

Как только выйдет Chrome 151, мы сразу же расскажем вам о новинках в Chrome!