CSS: resize

Resize oz. spreminjanje velikosti elementa v CSSju uporabljamo na različnih lokacijah, elementih. S pomočjo CSS značke resize pa lahko določenim elementom tudi določamo kako se slednji spreminjajo.

CSS značka resize določa ali lahko element spreminja svojo velikost in če da, v katero smer. Na voljo imamo različne načine:

  • none,
  • both,
  • horizontal,
  • vertical,
  • block,
  • inline.

V praksi lahko CSS značko resize uporabljamo za različne naprednejše oblike urejevalnikov vsebin. V klasičnih oblikah pa pride prav v vnosnem polju za besedilo (textarea). Slednji ima osnovno nastavitev v vseh brskalnikih, da se lahko spreminja na željo uporabnika. V določenih primerih, kjer za potrebe oblikovanja slednjega ne potrebujemo nam značka CSS resize omogoča izklop te možnosti.

See the Pen
CSS: resize
by Ziga (@pomagalnik)
on CodePen.

Značka CSS resize je dobro podprta v vseh brskalnikih z izjemo Internet Explorer, Safari iOS in Opera mini. Podporo vedno preverite pred uporabo – Can I use.

Dodatno branje:

Oznake: CSSresize

Komentiraj


*