Własność CSS overflow-inline

Własność CSS overflow-inline to logiczna własność określająca, co dzieje się z treścią, która nie mieści się w zawierającym ją elemencie w orientacji śródliniowej.

W zależności od kierunku i orientacji tekstu własność ta może odpowiadać fizycznej własności overflow-x lub overflow-y.

Wartości i składnia

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

Szczegółowy opis tych słów kluczowych znajduje się na stronie Własność CSS overflow-block.

Przykład

W tym przykładzie element div zawiera więcej treści niż jest w stanie pomieścić, ale ma zdefiniowaną własność overflow o wartości auto, dzięki czemu wyświetla pasek przewijania pozwalający ją obejrzeć.

<style>
div {
  width: 300px;
  height: 150px;
  border: 1px solid red;
  overflow-inline: auto;
  writing-mode: vertical-rl;
}
</style>
<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>

Efekt:

Zastosowanie

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

Podsumowanie