CSS backface-visibility Свойство
Пример
Скрытие и отображение задней грани двух повернутых элементов <div>:
#div1
{
backface-visibility: hidden;
}
#div2
{
backface-visibility: visible;
}
Определение и использование
Свойство backface-visibility
определяет, должна ли быть видна задняя грань элемента при обращении к пользователю.
Задняя грань элемента является зеркальным отражением отображаемой передней грани.
Это свойство полезно при повороте элемента. Он позволяет выбрать, если пользователь должен видеть заднюю грань или нет.
Чтобы лучше понять это свойство, Просмотрите демонстрацию.
Значение по умолчанию: | visible |
---|---|
Inherited: | no |
Animatable: | no. Читайте о animatable |
Version: | CSS3 |
Синтаксис JavaScript: | object.style.backfaceVisibility="hidden" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Номера followed by -webkit- or -moz- Укажат первую версию, которая работала с префиксом.
Свойство | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
Синтаксис CSS
backface-visibility: visible|hidden|initial|inherit;
Значения свойств
Значение | Описание | |
---|---|---|
visible | Значение по умолчанию. Задняя сторона видна | |
hidden | Задняя сторона не видна | |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
HTML DOM Справочник: backfaceVisibility Свойство