Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]

overflow

OPIS

Styl definiuje przycinanie elementów blokowych. Jeżeli elementy bloku będą wychodzić poza jego granice mogą zostać przycięte.

WARTOŚCI

• visible - CSS: 2.1, 2.0

elementy są widoczne (nie są przycinane), wartość domyślna

• hidden - CSS: 2.1, 2.0

elementy wystające nie są widoczne

• scroll - CSS: 2.1, 2.0

elementy wystające nie są widoczne, ale pojawiają się suwaki umożliwiające przesunięcie niewidocznych elementów

• auto - CSS: 2.1, 2.0

przeglądarka decyduje o wyglądzie elementów wystających

• inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. overflow: inherit;

POZOSTAŁE CECHY

• CSS: 2.1, 2.0
• dziedziczony: nie

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

<p style="width: 100px; height: 50px; overflow: scroll;">
ten tekst będzie można swobodnie przewijać</p>

ten tekst będzie można swobodnie przewijać

• Przykład 2:

<p style="width: 50px; height: 50px; overflow: hidden;">
ten tekst będzie przycięty</p>

ten tekst będzie przycięty

• Przykład 3:

<style type="text/css"><!--
p.maly { width: 50px; height: 50px; overflow: hidden; }
--></style>