Свойство style perspectiveOrigin
- Предыдущая страница
- Следующая страница
- Вернуться на один уровень выше Объект Style HTML DOM
Определение и использование
perspectiveOrigin
свойство определяет положение 3D элемента по осям X и Y. Это свойство позволяет изменить положение нижней части 3D элемента.
определяет perspectiveOrigin
При определении свойства, позиционирование осуществляется относительно подэлемента, а не элемента.
Примечание:Это свойство должно соответствовать свойство perspective Используйте вместе и они влияют только на элементы с 3D преобразованиями!
См. также:
Объект JavaScript Style:свойство perspective
Руководство по CSS:свойство perspective-origin
Пример
Установка базовой позиции 3D элемента:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Грамматика
Возврат свойства perspectiveOrigin:
объект.style.perspectiveOrigin
Установка свойства perspectiveOrigin:
объект.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Значение свойства
Значение | Описание |
---|---|
x-axis |
Определяет положение вида по оси X.
Значение по умолчанию: 50% |
y-axis |
Определяет положение вида по оси Y. Возможные значения:
Значение по умолчанию: 50% |
initial | Sets this property to its default value. См. initial。 |
inherit | Инherits this property from its parent element. См. inherit。 |
Технические детали
Значение по умолчанию: | 50% 50% |
---|---|
Возвратное значение: | строка, которая указывает на свойство perspective-origin。 |
Версия CSS: | CSS3 |
Поддержка браузеров
Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
- Предыдущая страница
- Следующая страница
- Вернуться на один уровень выше Объект Style HTML DOM