CSS Box Resize generátor BÉTA

A CSS Box resize tulajdonságával szabályozható, hogy egy HTML-elem méretét a felhasználó megváltoztathatja-e vagy sem. Elsősorban olyan elemeknél, például szövegterületeknél és iframe-eknél használják, amelyek olyan tartalmat tartalmaznak, amelyet a felhasználónak át kell méreteznie.

A resize tulajdonság a következő értékeket veheti fel:

both: Az elemet a felhasználó vízszintesen és függőlegesen is átméretezheti.

horizontal: Az elemet a felhasználó csak vízszintesen tudja átméretezni.

vertical: Az elemet a felhasználó csak függőlegesen tudja átméretezni.

Íme egy példa arra, hogyan használhatjuk a resize tulajdonságot, hogy egy textarea elemet a felhasználó által átméretezhetővé tegyünk:

Ebben a példában a .resizable-textarea osztály lehetővé teszi, hogy a felhasználók vízszintesen és függőlegesen is átméretezhessék a textarea elemet.

Az átméretezés tulajdonság különösen hasznos a felhasználói élmény javítására olyan elemek esetében, mint a szövegterületek, ahol a felhasználók a tartalom vagy a preferenciák alapján szeretnék beállítani a beviteli terület méretét.