Height

From Frontal Wiki

Purpose

This style sets the height of a visual element.

Value

A pixel value, a percentage value, a leftover percentage or "auto".

height: 100% leftover;

Remarks

See the Frontal's Layout Scheme for a discussion on how the height style may be specified and how it affects the layout of a visual element.

Note that certain elements (text, img and video) have intrinsic dimensions (the size of the text, image or video respectively). If no width or height is specified then these dimensions are taken from those intrinsic dimensions. See those tags' references for details as well as Frontal's Layout Scheme.

Example

<style><![CDATA[
	#div1
		{
			width: 100px;
			height: 100px;
			background-color: red;
		}
	#div2
		{
			height: 90% leftover;
			width: 100%;
			background-color: blue;
		}
]]></style>
<div id="div1" />
<div id="div2" />

Can Be Applied To

This style can be applied to any visual element:

• document
• div
• img
• text
• video
• form
• input