Molto spesso capita di avere a disposizione una textarea o un div all'interno dei quali c'è un testo molto lungo. In questi casi spesso si tende a dare una dimensione fissa o percentuale per evitare che l'eccessiva lunghezza del testo renda la pagina meno accattivante per l'utente.
In questi casi può essere una buona idea lasciare la dimensione, ma permettere anche all'utente di ridimensionare gli elementi se lo desidera. Per permettere ad un elemento di essere ridimensionato dall'utente dobbiamo usare l'attributo CSS resize. Questo attributo può avere i valori horizontal, vertical e both che rispettivamente permettono all'utente di ridimensionare l'elemento in orizzontale, verticale e entrambi.
.resizable { width: 500px; height: 500px; border: 1px solid; resize: both; overflow: auto; }
Durante il ridimensionamento, il browser tiene in considerazione le proprietà CSS min-width, max-width, min-height e max-height e quindi non permette all'utente di ridimensionare oltre queste dimensioni.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Eseguire attività con Azure Container Jobs
Creazione di componenti personalizzati in React.js con Tailwind CSS
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Gestire domini wildcard in Azure Container Apps
Accesso sicuro ai secrets attraverso i file in Azure Container Apps
Eseguire attività basate su eventi con Azure Container Jobs
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Evitare il flickering dei componenti nel prerender di Blazor 8
Effettuare il binding di date in Blazor
Miglioramenti agli screen reader e al contrasto in Angular
Gestire i null nelle reactive form tipizzate di Angular