CSS zoom ਪ੍ਰਤੀਯੋਗਿਤਾ
- ਪਿਛਲਾ ਪੰਨਾ z-index
- ਅਗਲਾ ਪੰਨਾ سی ایس ایس مراجع کتا ب
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋ
zoom
ਗੁਣ ਨਾਲ ਇਕਾਈ ਦੇ ਜ਼ੋਮ ਪ੍ਰਮਾਣੂ ਨੂੰ ਸੈਟ ਕਰੋ।ਇਕਾਈ ਨੂੰ ਵਧਾਉਣ ਜਾਂ ਛੋਟਾ ਕਰ ਸਕਦੀ ਹੈ。
ਇਨਸਟੈਂਸ
ਉਦਾਹਰਣ 1
ਟੈਕਸਟ ਉੱਤੇ ਵਰਤੋ zoom
ਗੁਣ:
p.a { zoom: normal; } p.b { zoom: 150%; } p.c { zoom: 0.6; }
ਉਦਾਹਰਣ 2
ਵਰਤੋ zoom
ਗੁਣ ਸੰਤੁਲਨ ਇਕਾਈ ਅਕਾਰ ਵਿੱਚ ਸੰਤੁਲਨ:
div { border-radius: 100%; background: #73AD21; padding: 20px; width: 80px; height: 80px; } div.a { zoom: normal; } div.b { zoom: 150%; } div.c { zoom: 0.6; }
CSS ਗਰੰਥ
zoom: normal|%|number|unset|initial|inherit;
ਗੁਣ ਮੁੱਲ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
normal | ਮੂਲ ਮੁੱਲ।ਇਲੈਕਟ੍ਰੋਨਿਕ ਇਕਾਈ ਨਾਲ ਨਾਲੀ ਤਰੀਕੇ ਨਾਲ ਰੈਂਡਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。 |
% |
ਜ਼ੋਮ ਪ੍ਰਮਾਣੂ ਨੂੰ ਪ੍ਰਤੀਸ਼ਤ ਰੂਪ ਵਿੱਚ ਸੈਟ ਕਰੋ 100% = ਨਾਲੀ ਵਧਾਉਣ ਲਈ 100% ਤੋਂ ਵੱਧ ਦਾ ਮੁੱਲ ਵਰਤੋ ਛੋਟਾ ਕਰਨ ਲਈ 100% ਤੋਂ ਘੱਟ ਦਾ ਮੁੱਲ ਵਰਤੋ |
number |
ਜ਼ੋਮ ਪ੍ਰਮਾਣੂ ਨੂੰ ਨੰਬਰ ਰੂਪ ਵਿੱਚ ਸੈਟ ਕਰੋ (ਪ੍ਰਤੀਸ਼ਤ) 1.0 = ਨਾਲੀ ਵਧਾਉਣ ਲਈ 1.0 ਤੋਂ ਵੱਧ ਦਾ ਮੁੱਲ ਵਰਤੋ ਛੋਟਾ ਕਰਨ ਲਈ 1.0 ਤੋਂ ਘੱਟ ਦਾ ਮੁੱਲ ਵਰਤੋ |
unset | ਜ਼ੋਮ ਪ੍ਰਮਾਣੂ ਰੱਦ ਕਰੋ (ਨਾਲੀ ਮੁੱਲ ਵਾਪਸ ਕਰੋ)。 |
initial | ਇਸ ਗੁਣ ਨੂੰ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ।ਦੇਖੋ: initial. |
inherit | ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਵਿਰਾਸਤ ਕਰੋ।ਦੇਖੋ: inherit. |
ਤਕਨੀਕੀ ਵੇਰਵੇ
ਮੂਲ ਮੁੱਲ: | normal |
---|---|
ਵਿਰਾਸਤੀਤਾ: | ਨਹੀਂ |
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: | ਸਮਰੱਥ ਹੈ।ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਗੁਣ. |
ਵਰਜਨ: | CSS ਵਿਊਪੋਰਟ ਮੌਡਿਊਲ ਲੈਵਲ 1 |
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੰਥ | object.style.zoom = "3" |
ਬਰਾਊਜ਼ਰ ਸਮਰੱਥਾ
ਸਾਰੇ ਪੱਧਰਾਂ ਵਿੱਚ ਸਥਿਤੀ ਦੀ ਸੰਖਿਆ ਇਸ ਗੁਣ ਦੀ ਪਹਿਲੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰੱਥ ਬਰਾਊਜ਼ਰ ਵਰਜਨ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ。
ਕਰੋਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
1 | 12 | 126 | 3.1 | 15.0 |
- ਪਿਛਲਾ ਪੰਨਾ z-index
- ਅਗਲਾ ਪੰਨਾ سی ایس ایس مراجع کتا ب