Revision 24594 of vertical-align

  • Revision slug: CSS/vertical-align
  • Revision title: vertical-align
  • Revision id: 24594
  • Created:
  • Creator: Itnix
  • Is current revision? No
  • Comment

Revision Content

The vertical-align property sets the vertical alignment of an element. (Inherited: No)

Example

img {
	vertical-align: bottom;
}

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 n%	Aligns the element in a % value of the "line-height" property. Negative values are allowed

-- added by I-T-N-I

Revision Source

<p><b>The vertical-align property sets the vertical alignment of an element.</b>
(Inherited: No)
</p><p><i>Example</i>
</p>
<pre>img {
	vertical-align: bottom;
}
</pre>
<p><i>Possible Values :</i>
</p>
<pre> 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 n%	Aligns the element in a % value of the "line-height" property. Negative values are allowed
</pre>
<p>	-- added by <a class="external" href="mailto://itni@itni.cc">I-T-N-I</a>
</p>
Revert to this revision