CSS overflow-x کی آپریشن
- ਪਿਛਲਾ ਪੰਨਾ overflow-wrap
- ਅਗਲਾ ਪੰਨਾ overflow-y
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
overflow-x ਪ੍ਰਤੀਕ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕੰਟੈਂਟ ਦੇ ਖੱਬੇ/ਸੱਜੇ ਬਰਾਹਮਣੀ ਨੂੰ ਕੱਟਾਓ ਕਰਨਾ ਜਾਂ ਨਹੀਂ ਕਰਨਾ ਨਿਰਧਾਰਿਤ ਕਰੋ - ਜੇਕਰ ਓਵਰਫਲੌ ਐਲੀਮੈਂਟ ਦਾ ਕੰਟੈਂਟ ਹੈ ਤਾਂ。
ਸੁਝਾਅ:ਵਰਤੋਂ overflow-y ਪ੍ਰਤੀਕ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਉੱਪਰ/ਹੇਠ ਬਰਾਹਮਣੀ ਦੇ ਕੱਟਾਓ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。
CSS ਸਿੱਖਣ ਕੋਰਸ:CSS ਓਵਰਫਲੌ
HTML DOM ਸਹੀਕਾਰੀ ਦਸਤਾਵੇਜ਼:overflowX ਪ੍ਰਤੀਕ
ਇੰਟਰਨਾਈਟ ਵਿੱਚ ਸਾਨੂੰ ਸਿੱਖਣਾ ਹੈ
ਕੱਟਾਓ ਵਿੱਚ div ਐਲੀਮੈਂਟ ਦੇ ਕੰਟੈਂਟ ਦੇ ਖੱਬੇ/ਸੱਜੇ ਬਰਾਹਮਣੀ - ਜੇਕਰ ਓਵਰਫਲੌ ਐਲੀਮੈਂਟ ਦਾ ਕੰਟੈਂਟ ਹੈ ਤਾਂ:
div
{
overflow-x:hidden;
}
CSS ਗੋਲਕਾਂ
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
ਸੰਬੰਧਤ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ | ਟੈਸਟ |
|---|---|---|
| visible | ਕੰਟੈਂਟ ਨੂੰ ਕਟਾਓ ਨਹੀਂ, ਪਰ ਉਹ ਕੰਟੈਂਟ ਬਾਕਸ ਤੋਂ ਬਾਹਰ ਦਿਖਾਈ ਦੇ ਸਕਦਾ ਹੈ。 | ਟੈਸਟ |
| hidden | ਕੰਟੈਂਟ ਕਟਾਓ - ਸਰਕਲਾਂ ਦੀ ਵਿਵਸਥਾ ਨਹੀਂ ਕਰੋ。 | ਟੈਸਟ |
| scroll | ਕੰਟੈਂਟ ਕਟਾਓ - ਸਰਕਲਾਂ ਦੀ ਵਿਵਸਥਾ ਕਰੋ。 | ਟੈਸਟ |
| auto | ਜੇਕਰ ਓਵਰਫਲੌ ਬਾਕਸ ਹੈ ਤਾਂ ਸਰਕਲਾਂ ਦੀ ਵਿਵਸਥਾ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ。 | ਟੈਸਟ |
| no-display | ਜੇਕਰ ਸਮੱਗਰੀ ਕੰਟੈਂਟ ਬਾਕਸ ਵਿੱਚ ਜਾਂਦੀ ਨਹੀਂ ਤਾਂ ਪੂਰੀ ਬਾਕਸ ਹਟਾਓ。 | ਟੈਸਟ |
| no-content | ਜੇਕਰ ਸਮੱਗਰੀ ਕੰਟੈਂਟ ਬਾਕਸ ਵਿੱਚ ਜਾਂਦੀ ਨਹੀਂ ਤਾਂ ਪੂਰੀ ਸਮੱਗਰੀ ਛੁਪਾਓ。 | ਟੈਸਟ |
ਤਕਨੀਕੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ
| ਮੂਲਭੂਤ ਮੁੱਲ: | visible |
|---|---|
| ਵਿਰਾਸਤੀਬਾਜ਼ੀ: | no |
| ਸੰਸਕਰਣ: | CSS3 |
| JavaScript ਸ਼ਾਬਦਿਕ ਗੋਲਕਾਂ: | object.style.overflowX="scroll" |
ਬਰਾਜਰ ਸਮਰਥਨ
ਸਾਰੇ ਪੰਨਿਆਂ ਵਿੱਚ ਸਬੰਧਤ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਗਈ ਸੰਸਕਰਣ ਨੰਬਰ ਦੱਸਿਆ ਗਿਆ ਹੈ ਜੋ ਇਸ ਵਿਸ਼ੇਸ਼ ਸੰਬੰਧਤ ਸੁਭਾਵ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਤ ਕਰਦਾ ਹੈ。
ਜਿਸ ਵਿੱਚ -ms- ਹੈ ਉਹ ਪ੍ਰਾਰੰਭਿਕ ਪ੍ਰਤੀਕ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ。
| ਚਰੋਮੇ | ਆਈਈ / ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
|---|---|---|---|---|
| 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
- ਪਿਛਲਾ ਪੰਨਾ overflow-wrap
- ਅਗਲਾ ਪੰਨਾ overflow-y
