Style backfaceVisibility property

Definition and usage

backfaceVisibility Property definition determines whether the element is visible when it is not facing the screen.

This property is very useful when the element is rotated and you do not want to see its back.

See also:

CSS Reference Manual:The backface-visibility property

Example

Hide the back of the rotated div element:

document.getElementById("myDIV").style.backfaceVisibility = "hidden";

Try it yourself

Syntax

Return backfaceVisibility property:

object.style.backfaceVisibility

Set backfaceVisibility property:

object.style.backfaceVisibility = "visible|hidden|initial|inherit"

Property value

Value Description
visible Default value. Back face is visible.
hidden 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 that represents the The backface-visibility property.
CSS version: CSS3

Browser support

backfaceVisibility It is a feature of CSS3 (1999).

All browsers fully support it:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Support Support Support Support Support 11