ਸਟਾਈਲ ਓਵਰਫਲੌਕਸ ਵਿਸ਼ੇਸ਼ਤਾ
- ਪਿੰਨਾ ਪੰਨਾ overflow
- ਅਗਲਾ ਪੰਨਾ overflowY
- ਉੱਪਰ ਵਾਲਾ ਤਲਾ ایچ تی ام ال ڈوم اسٹائل آپجیکٹ
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
overflowX
ਵਿਸ਼ੇਸ਼ਤਾ ਸਮੱਗਰੀ ਦੇ ਖੱਬੇ/ਸੱਜੇ ਬਰਾਂਡ ਨੂੰ ਕਿਵੇਂ ਹੱਲ ਕਰਨਾ ਹੈ - ਜੇਕਰ ਇਹ ਇਲੈਕਟਰਨ ਦੇ ਸਮੱਗਰੀ ਖੇਤਰ ਤੋਂ ਹੁੰਦਾ ਹੈ。
ਸੁਝਾਅ:ਇਸ ਦੀ ਵਰਤੋਂ ਕਰੋ: overflowY ਵਿਸ਼ੇਸ਼ਤਾ ਉੱਪਰ ਅਤੇ ਨੀਚੇ ਕਿਨਾਰਿਆਂ ਦੀ ਕਾਟਾ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ。
ਇਹ ਦੇਖੋ:
CSS ਸੰਦਰਭ ਪੁਸਤਕ:overflow-x ਲੋਕੇਸ਼ਨ
ਉਦਾਹਰਣ
ਜੇਕਰ ਲਿਖਤ ਇਲੈਕਟਰਨ ਦੇ ਸਮੱਗਰੀ ਖੇਤਰ ਤੋਂ ਹੁੰਦਾ ਹੈ ਤਾਂ ਹੌਰੀਜ਼ੋਂ ਸਕਰੋਲ ਹੁੰਦਾ ਹੈ:
document.getElementById("myDIV").style.overflowX = "scroll";
ਸਿਧਾਂਤ
ਓਵਰਫਲੌਕਸ ਵਿਸ਼ੇਸ਼ਤਾ ਬਾਹਰ ਕੀਮਤ ਦਿਓ:
object.style.overflowX
ਓਵਰਫਲੌਕਸ ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:
object.style.overflowX = "visible|hidden|scroll|auto|initial|inherit"
ਵਿਸ਼ੇਸ਼ਤਾ ਕੀਮਤ
ਕੀਮਤ | ਵਰਣਨ |
---|---|
visible | ਸਮੱਗਰੀ ਕਾਟੂ ਨਹੀਂ ਹੋ ਜਾਂਦੀ, ਪਰ ਇਹ ਸਮੱਗਰੀ ਫਲੈਕਸਬਾਕਸ ਤੋਂ ਬਾਹਰ ਰੈਂਡਰ ਹੋ ਸਕਦੀ ਹੈ。 |
hidden | ਸਮੱਗਰੀ ਕਾਟੂ ਹੋ ਜਾਂਦੀ ਹੈ - ਸਕਰੋਲਿੰਗ ਮਕੈਨਿਜਮ ਨਹੀਂ ਪ੍ਰਦਾਨ ਕਰਦੀ。 |
scroll | ਸਮੱਗਰੀ ਕਾਟੂ ਹੋ ਜਾਂਦੀ ਹੈ ਅਤੇ ਸਕਰੋਲਿੰਗ ਮਕੈਨਿਜਮ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ。 |
auto | ਜੇਕਰ ਫਲੈਕਸਬਾਕਸ ਅਵਸਰ ਹੁੰਦਾ ਹੈ ਤਾਂ ਸਕਰੋਲਿੰਗ ਮਕੈਨਿਜਮ ਪ੍ਰਦਾਨ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ。 |
initial | ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਮੂਲਤਬੀ ਕੀਮਤ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial. |
inherit | ਆਪਣੇ ਮਾਤਾ ਇਲੈਕਟਰਨ ਤੋਂ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਮਿਲਦੀ ਹੈ। ਦੇਖੋ: inherit. |
ਤਕਨੀਕੀ ਵੇਰਵਾ
ਮੂਲਤਬੀ ਕੀਮਤ: | visible |
---|---|
ਰਿਟਰਨ ਵੈਲਿਊ: | ਸਟ੍ਰਿੰਗ, ਜੋ ਇਲੈਕਟਰਨ ਦਾ ਪ੍ਰਤੀਕ ਦਰਸਾਉਂਦੀ ਹੈ overflow-x ਲੋਕੇਸ਼ਨ. |
CSS ਵਰਜਨ: | CSS3 |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਚਰਮੀ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
---|---|---|---|---|
ਚਰਮੀ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
- ਪਿੰਨਾ ਪੰਨਾ overflow
- ਅਗਲਾ ਪੰਨਾ overflowY
- ਉੱਪਰ ਵਾਲਾ ਤਲਾ ایچ تی ام ال ڈوم اسٹائل آپجیکٹ