Style objectPosition ਗੁਣ
- ਪਿਛਲਾ ਪੰਨਾ objectFit
- ਅਗਲਾ ਪੰਨਾ opacity
- ਇੱਕ ਪੱਧਰ ਉੱਪਰ ਵਾਪਸ HTML DOM Style آئین
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
objectPosition ਗੁਣ ਨੂੰ ਇਸ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ: <img> ਜਾਂ <video> ਇਹ ਆਪਣੇ ਆਪਣੇ ਕੰਟੈਂਟ ਬਾਕਸ ਵਿੱਚ ਕਿਵੇਂ ਸਥਾਨਿਤ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ。
ਹੋਰ ਜਾਣਕਾਰੀ ਦੇਖੋ:
CSS ਸਿੱਖਿਆ ਪੁਸਤਕ:CSS object-fit
CSS ਮੁੱਲਾਂਕਰਣ ਪੁਸਤਕ:object-position ਗੁਣ
ਉਦਾਹਰਣ
ਚਿੱਤਰ ਦਾ ਸਾਈਜ਼ ਉਸ ਦੇ ਕੰਟੈਂਟ ਬਾਕਸ ਨੂੰ ਸਮਾਨ ਕਰੋ ਅਤੇ ਉਸ ਨੂੰ ਕੰਟੈਂਟ ਬਾਕਸ ਵਿੱਚ ਵੱਲੋਂ 5px ਅਤੇ ਉੱਪਰਲੋਂ 10% ਦੇ ਸਥਾਨ 'ਤੇ ਸਥਾਪਿਤ ਕਰੋ:
document.getElementById("myImg").style.objectPosition = "0 10%";
ਗਰਮਤਾ
objectPosition ਗੁਣ ਨੂੰ ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਹੈ:
object.style.objectPosition
objectPosition ਗੁਣ ਨੂੰ ਸੈਟ ਕਰੋ:
object.style.objectPosition = "position|initial|inherit"
ਗੁਣ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| position |
ਇਸ ਗੁਣ ਨੇ ਚਿੱਤਰ ਜਾਂ ਵੀਡੀਓ ਦੇ ਕੰਟੈਂਟ ਬਾਕਸ ਵਿੱਚ ਸਥਾਨ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 ਪਹਿਲਾ ਮੁੱਲ x ਅਕਸ਼ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਦਾ ਹੈ, ਦੂਜਾ ਮੁੱਲ y ਅਕਸ਼ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਦਾ ਹੈ。 ਇਹ ਸਟਰਿੰਗ (ਲੈਫਟ, ਸੈਂਟਰ ਜਾਂ ਰਾਈਟ) ਜਾਂ ਨੰਬਰ (px ਜਾਂ % ਦੇ ਰੂਪ ਵਿੱਚ) ਹੋ ਸਕਦਾ ਹੈ。 ਨਕਾਰਾਤਮਕ ਮੁੱਲਾਂ ਨੂੰ ਪ੍ਰਵਾਨ ਕਰਦਾ ਹੈ。 |
| initial | ਇਸ ਗੁਣ ਨੂੰ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial。 |
| inherit | ਆਪਣੇ ਮਾਤਾ ਇਲੈਕਟ੍ਰੌਨ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਵਾਪਸ ਲੈਂਦਾ ਹੈ। ਦੇਖੋ: inherit。 |
ਤਕਨੀਕੀ ਵੇਰਵਾ
| ਮੂਲ ਮੁੱਲ: | 50% 50% |
|---|---|
| ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ: | ਸਟਰਿੰਗ ਜਾਂ ਨੰਬਰ, ਜੋ ਕਿ ਇਲੈਕਟ੍ਰੌਨ ਦੇ ਕੰਟੈਂਟ ਬਾਕਸ ਵਿੱਚ ਸਥਾਨ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ。 |
| CSS ਸੰਸਕਰਣ: | CSS3 |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਅੰਕ ਇਸ ਗੁਣ ਦੀ ਪਹਿਲੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੀ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。
| ਚਰਾਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| ਚਰਾਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
| 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
- ਪਿਛਲਾ ਪੰਨਾ objectFit
- ਅਗਲਾ ਪੰਨਾ opacity
- ਇੱਕ ਪੱਧਰ ਉੱਪਰ ਵਾਪਸ HTML DOM Style آئین
