Style backfaceVisibility Property
Example
Hide the backside of a rotating <div> element:
document.getElementById("myDIV").style.backfaceVisibility = "hidden";Try it Yourself »
Description
The backfaceVisibility property defines whether or not an element should be visible when not facing the screen.
This property is useful when an element is rotated, and you do not want to see its backside.
See Also:
CSS reference: The backface-visibility Property
Syntax
Return the backfaceVisibility property:
object.style.backfaceVisibility
Set the backfaceVisibility property:
object.style.backfaceVisibility = "visible|hidden|initial|inherit"
Property Values
| Value | Description |
|---|---|
| visible | Default value. The backside is visible |
| hidden | The backside is not visible |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Technical Details
| Default Value: | visible |
|---|---|
| Return Value: | A String, representing the backface-visibility property of an element |
| CSS Version | CSS3 |
Browser Support
backfaceVisibility is a CSS3 (1999) feature.
It is fully supported in all browsers:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Yes | Yes | Yes | Yes | Yes | 11 |
