Cauta rapid aici ↑

ELEMENTE REDIMENSIONATE DE CATRE VIZITATOR

Standardul CSS3 ne ofera doua proprietatii care folosite impreuna putem sa ii dam posibilitatea vizitatorului paginii noastre sa redimensioneze un element. Cel mai adesea un astfel de element este un DIV. Cele doua proprietatii sunt:

  • resize
  • overflow

Proprietatea resize

Aceasta proprietate ii lasa sau ii ingradeste posibilitatea unui vizitator al paginii noastre sa modifice latimea sau inaltimea unui element . Valorile cele mai importante pentru acesta proprietate sunt:

  • both
  • horizontal
  • vertical
  • none

Nu este greu sa ne dam seama ce face fiecare valoare in parte. Valoarea both permite redimensionarea elementului si pe orizontala si pe verticala . Valoarea horizontal permite redimensionarea doar pe orizontala iar valoarea vertical permite redimensionarea doar pe verticala . In cele din urma valoarea none nu permite redimensionarea atunci cand setarea de baza pe acel element permite redimensionarea, ca de exemplu elementul din formular, tag-ul pereche <textarea></textarea> . Acest element din formular are ca setare de baza sa fie redimensionat pe ambele laturii iar prin aceasta proprietate ii putem ingradi sau permite vizitatorului sa redimensioneze elementul pe orizontala , verticala sau ambele .

Proprietatea overflow

Aceasta proprietate are mai multe valorii si prin una din acestea putem face ca un element sa fie redimensionat (si cu ajutorul proprietatii resize) sau putem face ca unui element, de exemplu DIV sa ii apara banda de rulare pe orizontala sau verticala daca continutul din acesta depaseste latimea si / sau inaltimea DIV-ului. Valorile cele mai importante pentru aceasta proprietate sunt:

  • scroll
  • auto
  • hidden
  • visible

Valoarea scroll face ca elementul parinte (ex. un div) ce are in componenta un alt element (ex. un paragraf) si care depaseste pe una din laturi sau ambele dimensiunea elementului parinte sa ii apara acestuia banda de rulare pe orizontala, verticala sau ambele pana ce intreg paragraful va fi vizibil.

Valoarea auto face ca div-ului parinte sa ii apara doar banda de rulare pe verticala pana ce incadreza intreg paragraful.

Valoarea hidden permite incadrarea paragrafului in spatiul pe care il are in DIV-ul parinte si nu afiseaza restul paragrafului daca acesta depaseste spatiul alocat.

Valoarea visible este setarea de baza a elementului si o putem modifica sau nu prin valorile de mai sus.