Styl CSS overflow
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;
Listing
Przykład 1:
<p style="width: 100px; height: 50px; overflow: scroll;">
ten tekst będzie można swobodnie przewijać</p>
Przykład 2:
<p style="width: 50px; height: 50px; overflow: hidden;">
ten tekst będzie przycięty</p>
Przykład 3:
<style type="text/css"><!--
p.maly { width: 50px; height: 50px; overflow: hidden; }
--></style>
<p style="width: 100px; height: 50px; overflow: scroll;">
ten tekst będzie można swobodnie przewijać</p>
Przykład 2:
<p style="width: 50px; height: 50px; overflow: hidden;">
ten tekst będzie przycięty</p>
Przykład 3:
<style type="text/css"><!--
p.maly { width: 50px; height: 50px; overflow: hidden; }
--></style>
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
:: Losowe artykuły

:: Wymiana linków

Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno