JS & DOM Reference

JavaScript Objects

JS Array
JS Boolean
JS Date
JS Math
JS Number
JS String
JS RegExp
JS Global

Browser Objects

Window
Navigator
Screen
History
Location

HTML DOM Objects

DOM Document
DOM Events
DOM Elements

DOM Anchor
DOM Area
DOM Base
DOM Body
DOM Button
DOM Form
DOM Frame/IFrame
DOM Frameset
DOM Image
DOM Input Button
DOM Input Checkbox
DOM Input File
DOM Input Hidden
DOM Input Password
DOM Input Radio
DOM Input Reset
DOM Input Submit
DOM Input Text
DOM Link
DOM Meta
DOM Object
DOM Option
DOM Select
DOM Style
DOM Table
DOM TableCell
DOM TableRow
DOM Textarea

Style Object verticalAlign Property

Style Object

Definition and Usage

The verticalAlign property sets the vertical alignment of content in an element box.

Syntax

Object.style.verticalAlign=value

Possible Values

Value	Description
baseline	The element is placed on the baseline of the parent element
sub	Aligns the element as it was subscript
super	Aligns the element as it was superscript
top	The top of the element is aligned with the top of the tallest element on the line
text-top	The top of the element is aligned with the top of the parent element's font
middle	The element is placed in the middle of the parent element
bottom	The bottom of the element is aligned with the lowest element on the line
text-bottom	The bottom of the element is aligned with the bottom of the parent element's font
length
%	Aligns the element in a % value of the "line-height" property. Negative values are allowed

Example

The following example changes the vertical alignment of text in a table:

<html>
<head>
<script type="text/javascript">
function alignText()
{
document.getElementById("td1").style.verticalAlign="bottom";
}
</script>
</head>
<body>

<table border="1" height="100px">
  <tr>
    <td id="td1">
    Some example text
    </td>
  </tr>
</table>
<br />
<input type="button" onclick="alignText()"
value="Align text" />

</body>
</html>

Try it yourself »

Style Object

WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Top 10 Web Hosting
UK Reseller Hosting
Web Hosting
FREE Web Hosting
Top Web Hosting
Cheap UK Web Hosting

WEB BUILDING
XML Editor – Free Trial!
FREE Flash Website
FREE Web Templates
SEO Company

EDUCATION
US Web Design Schools
HTML Certification JavaScript Certification XML Certification PHP Certification ASP Certification

STATISTICS
Browser Statistics Browser OS Browser Display

FLIGHT TICKETS
Find the cheapest flight to any destination now!

SHARE THIS PAGE
Share with »