Медиавозможность CSS `overflow-inline`

Базовая поддержка Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в различных версиях браузеров. Она доступна во всех браузерах с сентября 2023 года.

Медиавозможность overflow-inline CSS медиавозможность позволяет проверить, как устройство вывода обрабатывает содержимое, переполняющее исходный блок-контейнер вдоль строчной оси.

Примечание: Свойство overflow-inline не определяет, происходит ли переполнение; оно показывает, как устройство обрабатывает такое переполнение. Обычно на экранах в большинстве браузеров используется поведение «прокрутка»: когда содержимое превышает доступное горизонтальное пространство, устройство позволяет прокручивать страницу, чтобы просмотреть скрытое содержимое.

Синтаксис

Медиавозможность overflow-inline задаётся одним из ключевых слов из списка ниже.

none: Содержимое, переполняющее строчную ось, не отображается.
scroll: Содержимое, переполняющее строчную ось, можно увидеть, прокрутив страницу до него.

Примеры

HTML

<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac turpis
  eleifend, fringilla velit ac, aliquam tellus. Vestibulum ante ipsum primis in
  faucibus orci luctus et ultrices posuere cubilia Curae; Nunc velit erat,
  tempus id rutrum sed, dapibus ut urna. Integer vehicula nibh a justo imperdiet
  rutrum. Nam faucibus pretium orci imperdiet sollicitudin. Nunc id facilisis
  dui. Proin elementum et massa et feugiat. Integer rutrum ullamcorper eleifend.
  Proin sit amet tincidunt risus. Sed nec augue congue eros accumsan tincidunt
  sed eget ex.
</p>

CSS

p {
  white-space: nowrap;
}

@media (overflow-inline: scroll) {
  p {
    color: red;
  }
}

Результат

Спецификации

Спецификация
Media Queries Level 4 # mf-overflow-inline

Совместимость с браузерами

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`overflow-inline`	113	113	66	99	17	113	66	76	17	23.0	113	17

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/overflow-inline