Style borderImage ਗੁਣ

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

borderImage ਗੁਣ ਹੇਠ ਲਿਖੇ ਗੁਣਾਂ ਦਾ ਸਰਲ ਗੁਣ ਹੈ:

ਲਿਖੇ ਗਏ ਮੁੱਲ ਨੂੰ ਮੂਲਤਵੀ ਮੁੱਲ ਵਿੱਚ ਸੈਟ ਕਰੋ。

ਹੋਰ ਦੇਖੋ:

CSS ਸੰਦਰਭ ਪੁਸਤਕ:border-image ਗੁਣ

ਉਦਾਹਰਣ

ਚਿੱਤਰ ਨੂੰ <div> ਏਲੀਮੈਂਟ ਦੇ ਬਾਰਡਰ ਵਜੋਂ ਸੈਟ ਕਰੋ:

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

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

ਗਰਮਤਾ

borderImage ਗੁਣ ਦਿਸਾਇਆ ਜਾਵੇਗਾ:

object.style.borderImage

borderImage ਗੁਣ ਸੈਟ ਕਰੋ:

object.style.borderImage = "source slice width outset repeat|initial|inherit"

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
borderImageSource ਬਾਰਡਰ ਵਜੋਂ ਇਸਤੇਮਾਲ ਕਰਨ ਵਾਲੇ ਚਿੱਤਰ ਦਾ ਰਾਹ
borderImageSlice ਚਿੱਤਰ ਬਾਰਡਰ ਦੀ ਅੰਦਰਲੀ ਸਥਾਨਾਂਤਰਣ
borderImageWidth ਚਿੱਤਰ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ
borderImageOutset ਬਾਰਡਰ ਚਿੱਤਰ ਖੇਤਰ ਬਾਰਡਰ ਬਕਸ (border box) ਤੋਂ ਬਾਹਰ ਹੋਣ ਵਾਲਾ ਮਾਤਰਾ
borderImageRepeat ਚਿੱਤਰ ਬਾਰਡਰ ਨੂੰ ਟੈਕਸਟਰੀ (repeated)、ਫੁਲਾਉਣਾ (rounded) ਜਾਂ ਫੈਲਾਉਣਾ (stretched) ਹੋਵੇ?
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੀ ਮੂਲਤਵੀ ਸੰਸਕਰਣ ਵਿੱਚ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial.
inherit ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮਾਤਾ ਏਲੀਮੈਂਟ ਤੋਂ ਇਨਹਾਰਤ ਕਰੋ। ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲਤਵੀ: none 100% 1 0 stretch
ਰਤਨਵਾਧੂ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਏਲੀਮੈਂਟ ਦੇ border-image ਗੁਣ.
CSS ਸੰਸਕਰਣ: CSS3

ਬਰਾਊਜ਼ਰ ਦਾ ਸਮਰਥਨ

ਤੇਲ ਵਿੱਚ ਦਿਸਾਇਆ ਗਿਆ ਪਹਿਲਾ ਇਸ ਗੁਣ ਦਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲਾ ਬਰਾਊਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਨੰਬਰ ਦਿਸਾਇਆ ਗਿਆ ਹੈ。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 11.0 15.0 6.0 15.0