CSS page-break-inside کی کاویات
- ਪਿਛਲੀ ਪੰਨੀ page-break-before
- بعد میں پیج پینٹ آرڈر
ਵਿਆਕਰਣਾਂਤਰਿਕ ਰੂਪ ਅਤੇ ਵਰਤੋਂ
page-break-inside ਲੱਛਣ ਨੂੰ ਏਲੀਮੈਂਟ ਅੰਦਰ ਦੇ ਪੰਨੀ ਵਿਹਾਰ ਨੂੰ ਸੈਟ ਕਰੋ。
ਹਾਲਾਂਕਿ always ਦੀ ਮਦਦ ਨਾਲ ਪੰਨੀ ਵੱਲੋਂ ਪ੍ਰਵੇਸ਼ ਨੂੰ ਲਗਾਉਣ ਵਾਲਾ ਹੈ, ਪੰਨੀ ਵੱਲੋਂ ਪ੍ਰਵੇਸ਼ ਨੂੰ ਰੋਕਣ ਵਾਲਾ ਹੈ, ਲੇਕਿਨ ਪੰਨੀ ਵੱਲੋਂ ਪ੍ਰਵੇਸ਼ ਨੂੰ ਰੋਕਣ ਵਾਲਾ ਹੈ, ਸਿਰਫ ਲੇਖਕ ਦੀ ਅਪੀਲ ਦੇ ਮੱਦੇਨਜ਼ਰ ਉਪਯੋਗਕਰਤਾ ਦੇ ਪ੍ਰਤੀਕਰਣ ਨੂੰ ਮਦਦ ਕਰੋ ਅਤੇ ਪੰਨੀ ਵੱਲੋਂ ਪ੍ਰਵੇਸ਼ ਨੂੰ ਰੋਕਣ ਵਾਲਾ ਹੈ。
ਐਪਲਾਈਡ ਹੈ:position ਮੁੱਲ relative ਜਾਂ static ਦੇ ਬੌਣੇ ਨਹੀਂ ਫਲੌਟਿੰਗ ਬਲਕ ਏਲੀਮੈਂਟ
ਟਿੱਪਣੀ:ਪੰਨੀ ਲੱਛਣਾਂ ਦੀ ਵਰਤੋਂ ਕੀਤੇ ਜਾਣ ਵਿੱਚ ਮਦਦ ਕਰੋ ਅਤੇ ਪੰਨੀ ਵੱਲੋਂ ਪ੍ਰਵੇਸ਼ ਨੂੰ ਰੋਕਣ ਵਾਲੇ ਲੱਛਣਾਂ ਨੂੰ ਤੈਲਿਕਾਂ, ਫਲੌਟਿੰਗ ਏਲੀਮੈਂਟਾਂ, ਬੋਰਡਰ ਵਾਲੇ ਬਲਕ ਏਲੀਮੈਂਟਾਂ ਵਿੱਚ ਵਰਤਣ ਨਾ ਕਰੋ。
ਇਸ ਦੇ ਲਈ ਵੇਖੋ:
HTML DOM ਸੂਚੀਕਰਣpageBreakInside ਲੱਛਣ
ਉਦਾਹਰਣ
ਸਾਰੇ ਤੈਲਿਕ ਏਲੀਮੈਂਟਾਂ ਅੰਦਰ ਪੰਨੀ ਵੱਲੋਂ ਪ੍ਰਵੇਸ਼ ਨੂੰ ਰੋਕਣ ਵਾਲੇ ਪੰਨੀ ਵਿਹਾਰ ਨੂੰ ਸੈਟ ਕਰੋ:
<html> <head> <style> @media print { table {page-break-inside:avoid;} } </style> </head> <body> .... </body> </html>
CSS ਵਿਆਕਰਣਾਂਤਰਿਕ ਰੂਪ
page-break-inside: auto|avoid|initial|inherit;
ਲੱਛਣ ਮੁੱਲ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
auto | ਮੂਲ ਮੁੱਲ।ਜੇਕਰ ਜ਼ਰੂਰੀ ਤਾਂ ਏਲੀਮੈਂਟ ਅੰਦਰ ਪੰਨੀ ਵੱਲੋਂ ਪ੍ਰਵੇਸ਼ ਨੂੰ ਜੋੜੋ。 |
avoid | ਏਲੀਮੈਂਟ ਅੰਦਰ ਪੰਨੀ ਵੱਲੋਂ ਪ੍ਰਵੇਸ਼ ਨੂੰ ਰੋਕੋ。 |
inherit | page-break-inside ਲੱਛਣ ਦੇ ਸੈਟਿੰਗ ਨੂੰ ਪੈਰੇਂਟ ਏਲੀਮੈਂਟ ਤੋਂ ਵਿਰਾਸਤੀਕਰਣ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
ਮੂਲ ਮੁੱਲ: | auto |
---|---|
ਵਿਰਾਸਤੀਕਰਣਾਂ: | no |
ਵਰਜਨ: | CSS2 |
JavaScript ਵਿਆਕਰਣਾਂਤਰਿਕ ਰੂਪ | object.style.pageBreakInside="avoid" |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਿਤ ਪਹਿਲੀ ਵਰਜਨ ਦੇ ਸੰਖਿਆਂ ਨੂੰ ਸਾਰਿਆਂ ਵਿੱਚ ਦਰਸਾਇਆ ਗਿਆ ਹੈ。
چروم | آئی ای / ایج | فائر فاکس | سافری | اوپرا |
---|---|---|---|---|
1.0 | 8.0 | 19.0 | 1.3 | 7.0 |
- ਪਿਛਲੀ ਪੰਨੀ page-break-before
- بعد میں پیج پینٹ آرڈر