Left

From Frontal Wiki

Purpose

This style sets the position of the left edge of a visual element.

Value

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

left: 100%;

Remarks

See the Frontal's Layout Scheme for a discussion on how the left style affects the layout of a visual element.

Example

This example shows a red 'div' element with its left edge at the middle of the browser. It shows a blue 'div' element with a left edge at the middle of the browser and a right edge at the right (thus stretching the 'div').

<style><![CDATA[
	#div1
		{
			width: 100px;
			height: 100px;
			background-color: red;
			left: 50%;
		}
	#div2
		{
			height: 100px;
			bottom: 100%;
			background-color: blue;
			left: 50%;
			right: 100%;
		}
]]></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