CSS

Overflow

Kooba

overflow - definiuje zachowanie elementu, kiedy jego zawartość się w nim nie mieści.

Możliwe wartości:

  • visible - niewycinanie zawartości, więc może być wyświetlona poza blokiem
  • Hidden - wycinanie zawartości
  • scroll - wyświetlanie pasków przewijania
  • Inherit - przejęcie wartości rodzica
    Przykłady użycia:
    <div style="max-width:100px; max-height: 50px; overflow: visible; border: solid black 1px;"><div style="max-width: 100px; width: 100px; max-height: 50px; height: 50px; overflow: visible; border: solid black 1px;"><div style="min-width: 100px; min-height: 100px; width: 100px; height: 100px;">Oto przykładowy tekst, który nie mieści się w pierwszym elemencie typu div</div></div>
Oto przykładowy tekst, który nie mieści się w pierwszym elemencie typu div



<div style="max-width: 100px; width: 100px; max-height: 50px; height: 50px; overflow: hidden; border: solid black 1px;"><div style="min-width: 100px; min-height: 100px; width: 100px; height: 100px;">Oto przykładowy tekst, który nie mieści się w pierwszym elemencie typu div</div></div>
Oto przykładowy tekst, który nie mieści się w pierwszym elemencie typu div



<div style="max-width: 100px; width: 100px; max-height: 50px; height: 50px; overflow: scroll; border: solid black 1px;"><div style="min-width: 100px; min-height: 100px; width: 100px; height: 100px;">Oto przykładowy tekst, który nie mieści się w pierwszym elemencie typu div</div></div>
Oto przykładowy tekst, który nie mieści się w pierwszym elemencie typu div

Polecenia pokrewne

  • Clip

    Odpowiednik html

  • brak

    Wersja specyfikacji

  • CSS 2.1

    Wsparcie przeglądarek

  • Wszystkie nowoczesne przeglądarki
CSS

0 komentarzy