text-align Attribute | textAlign Property
Gets or sets whether the text in the object is left-aligned, right-aligned, centered, or justified.
Syntax
CSS { text-align : sAlign } Scripting [ sAlign = ] object.style.textAlign
Possible Values
sAlign String that specifies or receives one of the following values:
- left
- Default. Text is aligned to the left.
right- Text is aligned to the right.
center- Text is centered.
justify- Text is justified.
The property is read/write for all objects except the following, for which it is read-only: currentStyle. The property has a default value of left. The Cascading Style Sheets (CSS) attribute is inherited.
DHTML expressions can be used in place of the preceding value(s). As of Internet Explorer 8, expressions are supported in IE7 Standards mode and IE5 (Quirks) mode only. For more information, see About Dynamic Properties and Defining Document Compatibility.
Remarks
The property applies to block elements. The property is inherited by all block-level objects inside a div object. This parameter receives null if the attribute is not set.
The
justifypossible value is available as of Microsoft Internet Explorer 4.0.
Examples
The following examples use the text-align attribute and the textAlign property to align text within the object.This example uses p as a selector and two classes to call an embedded style sheet that aligns the text according to the respective rule.
<STYLE> P { text-align:center } .align1 { text-align:right } .align2 { text-align:justify } </STYLE> </HEAD> <BODY> <P onclick= "this.className='align1'" ondblclick="this.className='align2'"> . . . </P>Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/text-align.htm
This example uses inline scripting to change the alignment of the text when an onmouseover event occurs.
<P STYLE="font-size:14" onmouseover="this.style.textAlign='center'"> . . . </P>Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/textAlign.htm
Standards Information
This property is defined in Cascading Style Sheets (CSS), Level 1 (CSS1).
Applies To
