Found 2416 Articles for HTML

HTML Window resizeBy() Method

AmitDiwan
Updated on 01-Oct-2019 11:38:14

62 Views

The HTML Window resizeBy() method resize the window relative to its current size by the specified values.SyntaxFollowing is the syntax −window.resizeBy(w, h)Here, w and h define the value of resizing the window width and height in pixels respectively.Let us see an example of HTML Window resizeBy() Method −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;       text-align: center;    }    .btn {       background: #db133a;       border: none;   ... Read More

HTML Window moveTo() Method

AmitDiwan
Updated on 01-Oct-2019 11:34:54

162 Views

The HTML Window moveTo() method moves a window’s left and top edges to the specified coordinates.SyntaxFollowing is the syntax −window.moveTo(x, y)Here, x and y define the value of moving the window horizontally and vertically in pixels respectively.Let us see an example of HTML Window moveTo() Method −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;       text-align: center;    }    .btn {       background: #db133a;       border: none;     ... Read More

HTML Window moveBy() Method

AmitDiwan
Updated on 01-Oct-2019 11:33:02

96 Views

The HTML Window moveBy() method moves the window relative to its current coordinates.SyntaxFollowing is the syntax −window.moveBy(x, y)Here, x and y define the value of moving the window horizontally and vertically in pixels respectively.Let us see an example of HTML Window moveBy() Method −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem; ... Read More

HTML Window pageYOffset Property

AmitDiwan
Updated on 01-Oct-2019 11:28:35

274 Views

The HTML Window pageYOffset property returns the value in pixel the current document has been scrolled vertically from the left corner.SyntaxFollowing is the syntax −window.pageYOffsetLet us see an example of HTML Window pageYOffset Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: ... Read More

HTML Window pageXOffset Property

AmitDiwan
Updated on 01-Oct-2019 11:24:46

87 Views

The HTML Window pageXOffset property returns the value in pixel the current document has been scrolled horizontally from the left corner.SyntaxFollowing is the syntax −window.pageXOffsetLet us see an example of HTML Window pageXOffset Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: ... Read More

HTML Window screenY Property

AmitDiwan
Updated on 01-Oct-2019 11:21:30

85 Views

The HTML Window screenY property returns the horizontal coordinates of the window relative to the screen. It is supported by all browsers.SyntaxFollowing is the syntax −window.screenYLet us see an example of HTML Window screenY Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: ... Read More

HTML Window screenX Property

AmitDiwan
Updated on 01-Oct-2019 11:19:00

86 Views

The HTML Window screenX property returns the horizontal coordinates of the window relative to the screen. It is supported by all browsers.SyntaxFollowing is the syntax −window.screenXLet us see an example of HTML Window screenX Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: ... Read More

HTML Window screenTop Property

AmitDiwan
Updated on 01-Oct-2019 11:16:08

141 Views

The HTML Window screenTop property returns the vertical coordinates of the window relative to the screen. It is not supported by firefox browser.SyntaxFollowing is the syntax −window.screenTopLet us see an example of HTML Window screenTop Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       ... Read More

HTML Window screenLeft Property

AmitDiwan
Updated on 01-Oct-2019 11:13:05

108 Views

The HTML Window screenLeft property returns the horizontal coordinates of the window relative to the screen. It is not supported by firefox browser.SyntaxFollowing is the syntax −window.screenLeftLet us see an example of HTML Window screenLeft Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       ... Read More

HTML Window name Property

AmitDiwan
Updated on 01-Oct-2019 11:10:33

282 Views

The HTML Window name property returns and modify the name of the window.SyntaxFollowing is the syntax −1. Returning namewindow.name2. Adding namewindow.name=”text”Let us see an example of HTML Window name Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: ... Read More

Advertisements