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