Pełny kurs HTML, XHTML i CSS z przykładami. Kompendium wiedzy każdego webmastera.













Pełny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier •
ostatnia modyfikacja: 2002.06.10 • wersja kursu: 1.1


[0-9] 
A 
B 
C 
D 
E 
F 
G 
H 
I 
J 
K 
L 
M 
N 
O 
P 
Q 
R 
S 
T 
U 
V 
W 
X 
Y 
Z 

[główne menu] -
[elementy HTML] -
[atrybuty HTML] -
[style CSS] -
[artykuły]

tabele •
listy •
formularze •
multimedia •
el. strukturalne •
el. blokowe •
el. liniowe

overflow

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

Wartości:

• visible (wartość domyślna) - CSS2 / IE4, N6, O4
elementy są widoczne (nie są przycinane)
• hidden - CSS2 / IE4, N6, O4
elementy wystające nie są widoczne
• scroll - CSS2 / IE4, N6
elementy wystające nie są widoczne, ale pojawiają się suwaki umożliwiające przesunięcie niewidocznych elementów
• auto - CSS2 / IE4, N6
przeglądarka decyduje o wyglądzie elementów wystających
• inherit - CSS2
przejęcie wartości "rodzica", np. overflow:inherit;

Pozostałe cechy:

• CSS/przeglądarki: CSS2 / IE4, N6, O4

Przykładowe zastosowania:

• 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>




• • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!