Vlastnost CSS backface-visibility
Příklad
Skryjte a zobrazte zadní stranu dvou otočených prvků <div>:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Definice a použití
Tato backface-visibility
vlastnost definuje, zda má být zadní strana prvku viditelná, když je otočena směrem k uživateli.
Zadní strana prvku je zrcadlovým obrazem zobrazené přední strany.
Tato vlastnost je užitečná, když je prvek otočen. Umožňuje vám vybrat, zda má uživatel vidět zadní stranu nebo ne.
Chcete-li lépe porozumět této vlastnosti, podívejte se na ukázku .
Výchozí hodnota: | viditelné |
---|---|
Zděděno: | Ne |
Animovatelné: | Ne. Přečtěte si o tématu Animable |
Verze: | CSS3 |
Syntaxe JavaScriptu: | objekt .style.backfaceVisibility="hidden" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Čísla následovaná -webkit- nebo -moz- určují první verzi, která pracovala s předponou.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
Syntaxe CSS
backface-visibility: visible|hidden|initial|inherit;
Hodnoty vlastností
Value | Description | Play it |
---|---|---|
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 |
Související stránky
Odkaz HTML DOM: vlastnost backfaceVisibility