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.