|
użytkowników online: 39
|
OPINIE UŻYTKOWNIKÓW
|
Mimo, że strony WWW tworzymy już 5 lat zawsze znajdziemy coś ciekawego. Świadczy o tym chociażby nasza aktówka, w której znajduje się kilkadziesiąt porad, z których często korzystamy. Otwarta forma poradnika, czyli możliwość podrzucania tematów oraz wspólny ich rozwój, to nieoceniona pomoc. Uważam, ze abonament roczny jest niewspółmiernie niski do jakości zaprezentowanych materiałów.
Marek Kończal
Internetix.pl
|
|
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]
[0]
[A]
[B]
[C]
[D]
[E]
[F]
[H]
[I]
[K]
[L]
[M]
[N]
[O]
[P]
[Q]
[R]
[S]
[T]
[U]
[V]
[W]
[Z]
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>
|
