Easy Tutorial
❮ Prop Canvas Globalalpha Prop Style Borderimageoutset ❯

Style backfaceVisibility Property

Style Object

Example

Hide the back side of a rotated div element:


Definition and Usage

The backfaceVisibility property defines whether or not the back face of an element is visible when turned away from the viewer.

This property is useful when rotating elements and you do not want to see the back side of the element.


Browser Support

Currently, only Internet Explorer 10+ and Firefox support the backfaceVisibility property.

Opera 15+, Chrome, and Safari support an alternative property, WebkitBackfaceVisibility.


Syntax

Return the backfaceVisibility property:

Set the backfaceVisibility property:

Property Values

Value Description
visible Default value. The back face is visible.
hidden The back face is not visible.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: visible
Return value: A string, representing the backface-visibility property of the element.
--- ---
CSS version CSS3
--- ---

Related Articles

CSS Reference: backface-visibility Property


Style Object

❮ Prop Canvas Globalalpha Prop Style Borderimageoutset ❯