July 26th, 2011
10:05 am
Posted under CSS
Permalink
Tags CSS, HTML, Tip, Tutorial
A number of web browsers (notably Firefox, Google Chrome and Apple Safari) have a feature whereby a textarea element in an HTML form can be dynamically resized after rendering, by allowing the user to drag the corner of the element. At the time of writing , IE and Opera do not have this feature.
This is often a desirable feature, but in order to preserve layout it is also desirable to restrict and control it as desired. The following facilities are available to do this:-
- It can be disabled completely using the css property resize:none. Note that this is a CSS3 property, which limits its scope of use.
- Another means to do this is by using the min-width, max-width, min-height, and max-height properties, which have the advantage that they are CSS2 properties and therefore more widely supported. They are also more flexible in that they allow precise control of the amount of resizing allowed on the element. Resizing can be disabled completely by setting the minimum and maximum width/height to the actual width/height values.
Leave a Reply
You must be logged in to post a comment.