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
Zastosowanie | Kontenery blokowe, flex i siatkowe |
---|---|
Obsługiwane wartości | Słowa kluczowe: visible , hidden , clip , scroll , auto |
Wartość początkowa | visible |
Dziedziczenie | Nie |
Specyfikacja | CSS Overflow Module Level 3 |