CSS3 User Interface: Resize Width

CSS3 has new user interface features such as resize, outline-offset, and box sizing. However, Internet Explorer does not support these properties but the other browsers do. The following example lets the user resize only the width of a <div> element:

HTML file: Displayed by browser:
<style>
div {
    border: 2px solid;
    padding: 20px;
    width: 300px;
    resize: horizontal;
    overflow: auto;
}
</style>
<body>
<div>Let the user resize the width of this div element.</div>
</body>
Let the user resize the width of this div element.

Note: Resize does not work in Internet Explorer but it does work in Chrome, Firefox, Safari and Opera. Internet Explorer does not support the resize property because they have deprecated this property.

Back button Table of Contents Next button