CSS Interfață utilizator. Redimensionare CSS. Proprietatea resize.

Redimensionare CSS (CSS Resizing)

Proprietatea resize specifică dacă (și cum) un element trebuie redimensionat de către utilizator.



Notă: Internet Explorer și Edge nu acceptă proprietatea resize.

Următorul exemplu permite utilizatorului să redimensioneze doar lățimea unui element <div>:

Exemplu:

div {
  resize: horizontal;
  overflow: auto;
}

Următorul exemplu permite utilizatorului să redimensioneze doar înălțimea unui element <div>:

Exemplu:

div {
  resize: vertical;
  overflow: auto;
}

Următorul exemplu permite utilizatorului redimensionarea atât a înălțimii, cât și a lățimii unui element <div>:

Exemplu:

div {
  resize: both;
  overflow: auto;
}

În multe browsere, <textarea> poate fi redimensionată în mod implicit. Aici, am folosit proprietatea resize pentru a dezactiva redimensionarea:

Exemplu:

textarea {
  resize: none;
}