![BLACK WEEK IT! [Zgarnij książkę GRATIS lub kupuj solo z rabatem do -50%]](https://static01.helion.com.pl/helion/img/promocje/xzay/box_1180x419_1x_druk__Black_week_2_zestawy_2024_Rpolony_a0d7b42e2-z1.png)
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
-
-
Tre¶æ komentarza
-
:: 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
