CSS resize: how to use it, and how to know when an element is resizable
Anyone tutoring web design knows that CSS is practically a universe. The tutor mentions CSS resize.
To make a div element resizable on a desktop, the CSS property resize can be used. For example, the resizable div
This div is resizable:)
has inline style
style=”width:50%;resize:both;overflow:auto;color:#222277;background-color:#99aaee;font-size:120%;border-style:solid;border-color:black;”
In my experience, resize must be used with overflow in order to work. I use overflow:auto
The little white square in the lower right corner, containing three oblique lines, lets you know the div is resizable.
My reading suggests that ie may not support resize.
HTH:)
Source:
Jack of Oracle Tutoring by Jack and Diane, Campbell River, BC.
Leave a Reply
You must be logged in to post a comment.