Własność CSS overflow-x

Własność CSS overflow-x określa, co dzieje się z treścią, która nie mieści się w zawierającym ją elemencie w poziomie. Do takiej sytuacji dochodzi na przykład, gdy element zawierający treść ma własność white-space ustawioną na nowrap.

Wartości i składnia

Własność CSS overflow-x przyjmuje jedno słowo kluczowe z następującego zestawu: visible, hidden, clip, scroll, auto.

Opis tych wartości wraz z przykładami użycia znajduje się na stronie Własność CSS overflow.

Przykład

<style>
div {
  width: 300px;
  overflow-x: auto;
}
</style>
<div>Pierwiastek kwadratowy z dwóch w przybliżeniu wynosi 1,4142135623730950488016887242096980785696718753769480731766797379907324784621</div>

Efekt:

W tym przykładzie własności overflow-x została nadana wartość auto, co spowodowało ukrycie części treści niemieszczącej się w elemencie i wyświetlenie paska przewijania pozwalającego ją zobaczyć.

Zastosowanie

Własność CSS overflow-x ma zastosowanie do kontenerów blokowych, flex i siatkowych (ang. grid).

Podsumowanie