Style borderImageRepeat ਪ੍ਰਤੀਯੋਗਿਤਾ

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

borderImageRepeat ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸੀ ਕਰੋ ਕਿ ਚਿੱਤਰ ਬੋਰਡਰ ਨੂੰ ਫੁੱਲਾਉਣਾ ਹੈ (ਦੁਹਰਾਉਣਾ), ਫੁੱਲਾਉਣਾ (ਰਾਉਂਡ) ਜਾਂ ਸਟ੍ਰੈਚ ਕਰਨਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਪੁਸਤਕਾਂborder-image-repeat ਪ੍ਰਤੀਯੋਗਿਤਾ

ਇਨਸਟੈਂਸ

ਚਿੱਤਰ ਬੋਰਡਰ ਨੂੰ ਕਿਵੇਂ ਦੁਹਰਾਉਣਾ ਹੈ ਇਹ ਨਿਰਧਾਰਿਤ ਕਰੋ:

document.getElementById("myDIV").style.borderImageRepeat = "round";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਗਣਨਾ

borderImageRepeat ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਪਸੀ ਕਰੋ:

object.style.borderImageRepeat

borderImageRepeat ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ:

object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"

ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
stretch ਮੂਲ ਮੁੱਲ। ਚਿੱਤਰ ਇਸ ਖੇਤਰ ਨੂੰ ਫੁੱਲਾਉਣ ਲਈ ਸਟ੍ਰੈਚ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。
repeat ਚਿੱਤਰ ਇਸ ਖੇਤਰ ਨੂੰ ਫੁੱਲਾਉਣ ਲਈ ਟੇਕਨਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ (ਦੁਹਰਾਉਣਾ)。
round

ਚਿੱਤਰ ਇਸ ਖੇਤਰ ਨੂੰ ਫੁੱਲਾਉਣ ਲਈ ਟੇਕਨਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ (ਦੁਹਰਾਉਣਾ)。

ਜੇਕਰ ਇਹ ਖੇਤਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੋਂ ਚਿੱਤਰ ਬਲੌਕਾਂ ਨਾਲ ਭਰਿਆ ਨਹੀਂ ਹੈ ਤਾਂ ਚਿੱਤਰ ਮੁੜ ਤੋਂ ਸਾਈਜ਼ ਕੀਤਾ ਜਾਵੇਗਾ ਤਾਂ ਕਿ ਇਹ ਖੇਤਰ ਨੂੰ ਸਹੀ ਤਰ੍ਹਾਂ ਭਰੇ ਜਾ ਸਕੇ。
space

ਚਿੱਤਰ ਇਸ ਖੇਤਰ ਨੂੰ ਫੁੱਲਾਉਣ ਲਈ ਟੇਕਨਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ (ਦੁਹਰਾਉਣਾ)。

ਜੇਕਰ ਇਹ ਖੇਤਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੋਂ ਚਿੱਤਰ ਬਲੌਕਾਂ ਨਾਲ ਭਰਿਆ ਨਹੀਂ ਹੈ ਤਾਂ ਅਤਿਰਿਕਤ ਜਗ੍ਹਾ ਚਿੱਤਰ ਬਲੌਕਾਂ ਦੇ ਚੱਲੇ ਵਿੱਚ ਵੰਡੀ ਜਾਵੇਗੀ。
initial ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial.
inherit ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਤੋਂ ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਮਿਲਾਉਂਦਾ ਹੈ। ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: stretch
ਵਾਪਸੀ ਮੁੱਲ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਤੱਤ ਦਾ border-image-repeat ਪ੍ਰਤੀਯੋਗਿਤਾ.
CSS ਵਰਜਨ: CSS3

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

مقابلے میں شماراں، پہلی بار اس خاصیت کو پورا طور پر پشتیبند کرنے والے براوزر کی نسلی شماراں کا ذکر کیا گیا ہے۔

کروم ایج فائرفاکس سافری آپرا
کروم ایج فائرفاکس سافری آپرا
پشتیبند 11.0 پشتیبند 6.0 15.0

ملاحظہ کریں borderImage خاصیت.