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
Verificare la provenienza di un commit tramite le GitHub Actions
Generare file per il download da Blazor WebAssembly
Ottimizzazione dei block template in Angular 17
Controllare gli accessi IP alle app con Azure Container Apps
Sostituire la GitHub Action di login su private registry
.NET Conference Italia 2023
Load test di ASP.NET Core con k6
Usare un KeyedService di default in ASP.NET Core 8
Miglioramenti agli screen reader e al contrasto in Angular
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Implementare l'infinite scroll con QuickGrid in Blazor Server
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
I più letti di oggi
- Miglioramenti nelle performance di Angular 16
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- HTML5 con CSS e JavaScript
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Ottimizzazione dei block template in Angular 17
- Disabilitare automaticamente un workflow di GitHub (parte 2)