Textarea - atrybut resize

Już od jakiegoś czasu przeglądarki mają domyślnie włączoną możliwość zmiany rozmiaru pola tekstowego (textarea). Umożliwia to dostosowanie szerokości i wysokości pola poprzez złapanie za dolny prawy róg pola i przeciągnięcie w celu uzyskania wybranego rozmiaru.

Może i czasem będzie to dla nas przydatne, jednak czasem potrafi to nieźle namieszać w wyglądzie witryny, jeśli użytkownik zbytnio rozciągnie takie pole.
Jeśli nie chcemy, żeby nasze pole tekstowe wyglądało w ten sposób i oferowało taką możliwość to CSS3 umożliwia nam ustawienie atrybutu resize. Żeby całkowicie wyłączyć możliwość zmiany rozmiaru pola, dodałam w stylach:

Atrybut ten możemy także ustawić na inną wartość, np.:

- tylko zmiana szerokości: resize: horizontal;

- tylko zmiana wysokości:  resize: vertical;

- zmiana szerokości i wysokości: resize: both;

- wartość atrybutu dziedziczona: resize: inherit;