Style transformOrigin 属性
- ਪਿਛਲਾ ਪੰਨਾ transform
- ਅਗਲਾ ਪੰਨਾ transformStyle
- ਅਗਲੇ ਪੱਧਰ ਵਾਪਸ ایچ تی ایمل ڈوم اسٹائل آوبجیکٹ
定义和用法
transformOrigin
属性允许您更改已转换元素的位置。
2D 转换元素可以改变元素的 x 轴和 y 轴。3D 转换元素还可以改变元素的 z 轴。
注释:此属性必须与 transform 属性 一起使用。
另请参阅:
JavaScript Style 对象:transform 属性
CSS 参考手册:transform-origin ਗੁਣ
语法
返回 transformOrigin 属性:
object.style.transformOrigin
设置 transformOrigin 属性:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
属性值
值 | 描述 |
---|---|
x-axis |
定义视图在 x 轴上的放置位置。可能的值:
|
y-axis |
定义视图在 y 轴上的放置位置。可能的值:
|
z-axis |
定义视图在 z 轴上的放置位置。可能的值:
|
initial | ਇਸ ਗੁਣ ਨੂੰ ਇਸ ਦੀ ਮੂਲ ਸਥਿਤੀ ਵਿੱਚ ਸੈਟ ਕਰੋ। ਵੇਖੋ initial。 |
inherit | ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮਾਤਾ ਤੱਤ ਤੋਂ ਵਾਲੀ ਗੁਣ ਵਾਲੀ ਸਥਿਤੀ ਵਿੱਚ ਸੈਟ ਕਰੋ। ਵੇਖੋ inherit。 |
ਤਕਨੀਕੀ ਵੇਰਵਾ
ਮੂਲ ਸਥਿਤੀ | 50% 50% 0 |
---|---|
ਮੁੱਢਲਾ ਪ੍ਰਤੀਕਸ਼ | ਇੱਕ ਪਾਠ, ਜਿਸ ਨਾਲ ਅਲਗੋਰਿਥਮ ਦੇ ਅਲਗੋਰਿਥਮ ਦਾ transform-origin ਗੁਣ。 |
CSS ਸੰਸਕਰਣ: | CSS3 |
ਬਰਾਉਜ਼ਰ ਸਪੱਸ਼ਟੀ
ਸਾਰੇ ਸਪੱਸ਼ਟਾਂ ਵਿੱਚ ਪਹਿਲੀ ਸਪੱਸ਼ਟੀ ਇਸ ਗੁਣ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਪੱਸ਼ਟੀ ਵਾਲੀ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਖਿਆ ਦਿੱਤੀ ਗਈ ਹੈ。
ਚਰੋਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
ਚਰੋਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
36.0 | 10.0 | 16.0 | 9.0 | 23.0 |
- ਪਿਛਲਾ ਪੰਨਾ transform
- ਅਗਲਾ ਪੰਨਾ transformStyle
- ਅਗਲੇ ਪੱਧਰ ਵਾਪਸ ایچ تی ایمل ڈوم اسٹائل آوبجیکٹ