Jak zakázat změnu velikosti políčka textarea nebo naopak umožnit změnu jiného prvku

Prohlížeč Google Chrome, a zanedlouho i Firefox 4, přišel s polem <textarea>, kterému může uživatel libovolně měnit velikost. Pro tvůrce stránek noční můra: jak snadno vám kdokoliv může rozbít vypiplaný design!

Naštěstí lze toto chování ovlivnit nastavením hodnoty none, both, horizontal nebo vertical vlastnosti resize v CSS3. Můžete takto jak změnu velikosti zakázat, tak naopak povolit změnu velikosti libovolnému prvku.

Dovolím si názornou ukázku:

both: velikost libovolně měnitelná

horizontal: velikost měnitelná ve vodorovném směru

vertical: velikost měnitelná ve svislém směru

standardní textarea

none: textarea se zakázanou změnou velikosti

P.S. Inspirací mi byl článek The Future Of CSS: Experimental CSS Properties