Easy Tutorial
❮ Css3 Pr Font Size Adjust Pr List Style Position ❯

CSS3 opacity Property

Example

Set the opacity level for a div element:


Browser Support

All major browsers support the opacity property.

Note: IE8 and earlier versions support an alternative filter property. Like: filter:Alpha(opacity=50)


Property Definition and Usage

The opacity property sets the opacity level for an element.

Default value: 1
Inherited: no
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.opacity=0.5
--- ---

Syntax

Value Description
value Specifies the opacity. From 0.0 (fully transparent) to 1.0 (fully opaque)
inherit The value of the opacity property should be inherited from the parent element

More Examples

Change the opacity of an element

❮ Css3 Pr Font Size Adjust Pr List Style Position ❯