CSS بوردر ایمیج منبع اتریت

ਵਿਆਕਰਣ ਅਤੇ ਵਰਤੋਂ

border-image-source ਵਿਸ਼ੇਸ਼ਤਾ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਵਰਤਣ ਵਾਲੇ ਚਿੱਤਰ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ ਜੋ ਬਾਰੇ ਸਟਾਈਲ ਵਿੱਚ ਸੁਚੇਤ ਕੀਤਾ ਗਿਆ ਹੈ。

ਸੁਝਾਅ:ਜੇਕਰ ਮੁੱਲ "none" ਹੈ ਜਾਂ ਚਿੱਤਰ ਦਿਖਾਈ ਨਹੀਂ ਦੇਵੇ, ਤਾਂ ਬਾਰੇ ਸਟਾਈਲ ਵਰਤੋਂ ਕਰੋ。

ਇਸ ਵੀ ਦੇਖੋ:

CSS3 ਸਿੱਖਿਆ:CSS3 ਬਾਰਡਰ

ਉਦਾਹਰਣ

div ਏਲੀਮੈਂਟ ਦੇ ਚੱਚੇ ਬਾਰੇ ਇੱਕ ਚਿੱਤਰ ਵਰਤੋਂ ਕਰਨਾ:

div
{
border-image-source: url(border.png);
}

CSS ਵਿਆਕਰਣ

border-image-source: none|image;

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
none ਚਿੱਤਰ ਨਹੀਂ ਵਰਤੋਂ
image ਬਾਰੇ ਬੋਰਡਰ ਦੇ ਚਿੱਤਰ ਦੀ ਰਾਹ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: none
ਵਿਰਾਸਤ: no
ਵਰਜਨ: CSS3
JavaScript ਵਿਆਕਰਣ: object.style.borderImageSource="url(border.png)"

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਦੇ ਨੰਬਰ ਸਾਰੇ ਤੌਰ 'ਤੇ ਸ਼ਾਮਲ ਹਨ。

ਚਰੋਮੇ IE / ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
15.0 11.0 15.0 6.0 15.0

ਜਾਣੋ border-image ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ。