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

Image align Property

Image Object Reference Image Object

Definition and Usage

The align property sets or returns the value of the align attribute of an image.

The align attribute specifies the horizontal and vertical alignment of an image according to the surrounding element.

Syntax

imageObject.align=value

The align property can have one of the following values:

Value Description
left Align the image to the left
right Align the image to the right
middle Align the image in the middle
top Align the image at the top
bottom Align the image at the bottom


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The align property is supported in all major browsers.


Example

Example

Align an image to the right of a text:

<html>
<head>
<script>
function alignImg()
{
document.getElementById("compman").align="right";
}
</script>
</head>
<body>

<img id="compman" src="compman.gif" alt="Computerman">
<p>Some text. Some text. Some text. Some text.</p>
<input type="button" onclick="alignImg()" value="Align Image">

</body>
</html>

Try it yourself »


Image Object Reference Image 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