Style overflow ਗੁਣ

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

overflow ਗੁਣ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸੀ ਕਰਨ ਦੇ ਤੌਰ 'ਤੇ ਬਿੰਦੂ ਰੈਂਡਰਿੰਗ ਤੋਂ ਬਾਹਰ ਦੇ ਸਮੱਗਰੀ ਦੀ ਹੱਲਚਲ ਕਰੋ।

ਸੁਝਾਅ:ਪੂਰੇ ਦਸਤਾਵੇਜ਼ ਦੀ ਸਕਰੋਲ ਬਾਰ ਨੂੰ ਛੁਪਾਓ, body ਜਾਂ html ਏਲੀਮੈਂਟ ਦੇ ਓਵਰਫਲੋ ਗੁਣ ਦੀ ਵਰਤੋਂ ਕਰੋ।

ਹੋਰ ਜਾਣਕਾਰੀ:

CSS ਸਿੱਖਿਆ ਕੋਰਸCSS ਓਵਰਫਲੋ

CSS ਸਿੱਖਿਆ ਕੋਰਸCSS ਸਥਾਨਾਂਤਰਣ

CSS ਜਾਣਕਾਰੀ ਕੈਸਟਓਵਰਫਲੋ ਗੁਣ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਓਵਰਫਲੋ ਗੁਣ ਨਾਲ ਪਰਦੂਤ ਸਮੱਗਰੀ ਨੂੰ ਸਕਰੋਲ ਕਰੋ:

document.getElementById("myDIV").style.overflow = "scroll";

ਸਵੈ ਮੰਡਰਾਓ

ਉਦਾਹਰਣ 2

ਓਵਰਫਲੋ ਗੁਣ ਨਾਲ ਪਰਦੂਤ ਸਮੱਗਰੀ ਨੂੰ ਛੁਪਾਓ:

document.getElementById("myDiv").style.overflow = "hidden";

ਸਵੈ ਮੰਡਰਾਓ

ਉਦਾਹਰਣ 3

ਓਵਰਫਲੋ ਗੁਣ ਵਾਪਸੀ ਕਰੋ:

alert(document.getElementById("myDiv").style.overflow);

ਸਵੈ ਮੰਡਰਾਓ

ਸਿਧਾਂਤ

ਓਵਰਫਲੋ ਗੁਣ ਵਾਪਸੀ ਕਰੋ:

object.style.overflow

ਓਵਰਫਲੋ ਗੁਣ ਸੈਟ ਕਰੋ:

object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
visible ਸਮੱਗਰੀ ਨੂੰ ਕਟ ਨਹੀਂ ਕੀਤਾ ਜਾਵੇਗਾ, ਇਹ ਬਿੰਦੂ ਰੈਂਡਰਿੰਗ ਤੋਂ ਬਾਹਰ ਪੇਸ਼ ਹੋ ਸਕਦਾ ਹੈ।ਮੂਲ ਮੁੱਲ।
hidden ਬਿੰਦੂ ਰੈਂਡਰਿੰਗ ਤੋਂ ਬਾਹਰ ਦਾ ਸਮੱਗਰੀ ਨਾ ਦਿਖਾਓ।
scroll ਸਕਰੋਲ ਬਾਰ ਜੋੜੋ, ਜ਼ਰੂਰਤ ਪੈਂਦੇ ਹੋਏ ਸਮੱਗਰੀ ਨੂੰ ਕਟ ਕੇ ਦਿਖਾਓ।
auto ਜ਼ਰੂਰਤ ਪੈਂਦੇ ਹੋਏ ਸਮੱਗਰੀ ਨੂੰ ਕਟ ਕੇ ਸਕਰੋਲ ਬਾਰ ਜੋੜੋ।
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ।ਦੇਖੋ: initial。
inherit ਆਪਣੇ ਮਾਤਾ ਏਲੀਮੈਂਟ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਮਿਲਾਇਆ ਜਾਂਦਾ ਹੈ।ਦੇਖੋ: inherit。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: visible
ਵਾਪਸੀ ਮੁੱਲ: ਚਿੰਨ੍ਹ ਸਤਰ, ਜਿਸ ਨੂੰ ਬਿੰਦੂ ਰੈਂਡਰਿੰਗ ਵਿੱਚ ਪੇਸ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。
CSS ਸੰਸਕਰਣਾਂ: CSS2

ਬਰਾਊਜ਼ਰ ਸਪੋਰਟ

ਚਰੋਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰੋਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ