X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

Window resizeBy() Method

Window Object Reference Window Object

Example

Open a new window, and resize the width and height 250px relative to its current position:

function openWin() {
    myWindow = window.open("", "", "width=100, height=100");  // Opens a new window
}

function resizeWin() {
    myWindow.resizeBy(250, 250);                             // Resizes the new window
    myWindow.focus();                                        // Sets focus to the new window
}

Try it yourself »


Definition and Usage

The resizeBy() method resizes a window by the specified amount, relative to its current size.

Note: This method moves the bottom right corner of the window by the specified number of pixels defined. The top left corner will not be moved (it stays in its original coordinates).

Related methods:

  • resizeTo() - Resizes the window to the specified width and height
  • moveBy() - Moves a window relative to its current position
  • moveTo() - Moves a window to the specified position

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The resizeBy() method is supported in all major browsers.


Syntax

resizeBy(width,height)

Parameter Values

Parameter Description
width Required. A positive or a negative number that specifies how many pixels to resize the width by
height Required. A positive or a negative number that specifies how many pixels to resize the height by

Return Value

No return value.


More Examples

Example

Open a new window, and decrease the width by 50px and increase the height by 50px:

myWindow.resizeBy(-50, 50);

Try it yourself »

Example

Using the resizeBy() method together with resizeTo():

function resizeWinTo() {
    myWindow.resizeTo(800, 600);
    myWindow.focus();
}

function resizeWinBy() {
    myWindow.resizeBy(-100, -50);
    myWindow.focus();
}

Try it yourself »

Example

Resize the topmost browser window with 100px each way (works only in IE and Safari):

top.resizeBy(100, 100);

Try it yourself »


Window Object Reference Window Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook