Home·CSS properties

backface-visibility

Effects

Sets whether the back of a flipped element is visible.

How to write itbackface-visibility: visible;
Common valuesvisible, hidden
InheritedNo — it stops at this element
CategoryEffects

How to read this

  • An inherited property only needs writing once on the parent — every child picks it up. Most text properties work this way.
  • A shorthand resets whatever you leave out. Writing background: red alone also wipes a background image you set earlier.
  • When rules collide, the more specific selector wins; only when specificity ties does source order decide.
  • Animate transform and opacity for smoothness. Changing width or top forces the layout to be recalculated.

Frequently asked questions

Q. What is the CSS backface-visibility property?

Sets whether the back of a flipped element is visible.

Q. How do you write backface-visibility?

As backface-visibility: visible; Common values include visible, hidden.

Q. Is backface-visibility inherited?

No. It applies only where you write it, so each element needs its own declaration.

Q. What group does backface-visibility belong to?

The effects group.

Properties in the same group

Reference docs