Border-left-width

From Frontal Wiki

Purpose

This style sets the left border width for a visual element.

Value

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

border-left-width: 10px;

Remarks

See the Frontal's Layout Scheme for a discussion on how borders affect the layout of a visual element particularly with respect to padding and margins.

Example

This example shows an 'img' tag with margins, padding and a border.

<style><![CDATA[
	img
		{
			border-left-width: 10px;
			width: 100% leftover;
			height: 100% leftover;
			border-color: red;
			margin: 10px;
			padding: 10px;
			background-color: skyblue;
			resize-scale: showmost;
			resize-scale-origin: center middle;
			overflow: hidden;
		}
]]></style>
<img src="http://www.frontalcode.com/assets/images/image_11.jpg" />

Can Be Applied To

This style can be applied to any visual element:

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