Na stronie   W katalogu
     
Rozumiem I Akceptuje (X)
Ta strona używa plików cookies aby lepiej spełnić Państwa oczekiwania. Jednocześnie informuje, że można zablokować zapisywanie cookies, zmieniając ustawienia przeglądarki.


    Dodaj strone do katalogu     Dodaj reklame     Pobierz program     Dodaj do ulubionych     Kontakt   


CSS3 - resize


Za pomocą HTML5 i CSS3 możemy w prosty sposób zmieniać wielkość wcześniej zdefiniowanych bloków. Należy pamiętać, że aby zmiana wielkości była możliwa muszą być podane: border (obramowanie), height, width, overflow. Uwaga jeśli twoja przeglądarkach nie obsługuje tego to nie zobaczysz efektu.

Tak wygląda efekt.

Zmiana wielkości w pionie: resize: vertical;



Zmiana wielkości w poziomie: resize: horizontal;



Zmiana wielkości w pionie i poziomie: resize: resize: both;




Tak wygląda kod.

<form action="#" method="post">
<p>Zmiana wielkości w pionie: <b>resize: vertical;</b></p>
<textarea name="jakas" style="height: 50mm; width: 50mm; resize: vertical;"></textarea><br /><br />
<p>Zmiana wielkości w poziomie: <b>resize: horizontal;</b></p>
<textarea name="jakas" style="height: 50mm; width: 50mm; resize: horizontal;"></textarea><br /><br />
<p>Zmiana wielkości w pionie i poziomie: <b>resize: resize: both;</b></p>
<textarea name="jakas" style="height: 50mm; width: 50mm; resize: both;"></textarea><br /><br />
</form>