Border-alpha

From Frontal Wiki

Purpose

This style sets the the alpha or opacity of the border around a visual element.

Value

A number from 0 (completely transparent) to 1 (completely opaque). The default value is 1.

border-alpha: .5;

Remarks

A border-width must be set before the border alpha can be set, and the alpha applies to all sides (top left bottom right) of a border. You can also set the border-color. However, if no border color is specified, black is used by default.

Example

Here we have a div with an orange background and a blue border set with a border-alpha of .5, or 50 percent. Note that the border-width has also been set:

<style><![CDATA[
	document
		{
			background-color: silver;
		}
	div
		{
			width: 200px; 
			height: 200px; 
			margin: auto; 
			background-color: darkorange; 
			border-width: 4px;
			border-color: blue; 
			border-alpha: .5;
		}
 
]]></style>
 
 
<div />

Can Be Applied To

This style can be applied to:

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