CSS zoom ਪ੍ਰਤੀਯੋਗਿਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋ

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