visibility#

#Introduction

The visibility CSS property shows or hides an element without changing the layout of a document.

#Examples

css-apisrc/visibility/App.tsx

Preview

#Syntax

/* Keyword values */
visibility: visible;
visibility: hidden;

#Values

visible

The element box is visible.

hidden

The element box is invisible (not drawn), but still affects layout as normal. Looks like 'opacity: 0'.

#Formal definition

#Formal syntax

visibility =
  visible   |
  hidden

#Differences from Web

collapse、inherit、initialandunset are not supported.

When visibility is set to hidden, all subviews will be invisible, no matter what values their visibility are.

#Compatibility