CSS بوردر ایمیج کی پیمائش اپریٹ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

border-image-width ਵਿਸ਼ੇਸ਼ਤਾ ਚਿੱਤਰ ਬੋਰਡਰ ਦੀ ਚੌਡਾਈ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੀ ਹੈ।

ਹੋਰ ਦੇਖੋ:

CSS3 ਸਿੱਖਿਆਕ੍ਰਮ:CSS3 ਬਾਰਡਰ

ਉਦਾਹਰਣ

ਚਿੱਤਰ ਬੋਰਡਰ ਦੀ ਚੌਡਾਈ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ:

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

CSS ਵਿਚਾਰਧਾਰਾ

border-image-width: number|%|auto;

ਟਿੱਪਣੀ:border-image-width ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਚਾਰ ਮੁੱਲ ਬੋਰਡਰ ਚਿੱਤਰ ਨੂੰ ਨੌ ਹਿੱਸਿਆਂ ਵਿੱਚ ਵੰਡਦੇ ਹਨ। ਇਹ ਖੇਤਰ ਦੇ ਉੱਪਰੀ, ਉੱਤਰੀ, ਨੀਚੇ, ਦੱਖਣੀ ਪਾਸੇ ਤੋਂ ਅੰਦਰ ਦੀ ਦੂਰੀ ਪ੍ਰਤੀਕ ਹਨ। ਚੌਥੇ ਮੁੱਲ ਨੂੰ ਨਾ ਦੇਖਣ ਤਾਂ ਦੂਜੇ ਮੁੱਲ ਨਾਲ ਮੰਨਿਆ ਜਾਵੇਗਾ। ਤੀਜੇ ਮੁੱਲ ਨੂੰ ਨਾ ਦੇਖਣ ਤਾਂ ਪਹਿਲੇ ਮੁੱਲ ਨਾਲ ਮੰਨਿਆ ਜਾਵੇਗਾ। ਦੂਜੇ ਮੁੱਲ ਨੂੰ ਨਾ ਦੇਖਣ ਤਾਂ ਪਹਿਲੇ ਮੁੱਲ ਨਾਲ ਮੰਨਿਆ ਜਾਵੇਗਾ। ਬੋਰਡਰ-ਵਿੱਡਥ ਵਿੱਚ ਨਕਾਰਾਤਮਕ ਮੁੱਲ ਨਹੀਂ ਹੋਣਗੇ।

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

ਮੁੱਲ ਵਰਣਨ
number ਬੋਰਡਰ-ਵਿੱਡਥ ਦੇ ਗੁਣਕ ਦੇ ਰੂਪ ਵਿੱਚ ਪੇਸ਼ ਕੀਤਾ ਗਿਆ ਹੈ।
% ਬਰਾਉਡ ਚਿੱਤਰ ਖੇਤਰ ਦੇ ਆਕਾਰ ਦੀ ਸਲਾਹ: ਖੇਤਰ ਦੀ ਉਚਾਈ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੀ ਹੈ ਅਤੇ ਚੌਡਾਈ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੀ ਹੈ।
auto ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਵਾਲੇ ਤਬਦੀਲ ਹੋਣ ਤਾਂ ਇਹ ਚਿੱਤਰ ਦੇ ਟੁਕੜੇ ਦੀ ਮੂਲ ਚੌਡਾਈ ਹੈ।

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲਤਵੀ ਮੁੱਲ: none
ਵਿਰਾਸਤੀਕਰਣ: no
ਸੰਸਕਰਣ: CSS3
JavaScript ਵਿਚਾਰਧਾਰਾ: object.style.borderImageWidth="30 30"

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਿਤ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਨੰਬਰ ਪਰਿਭਾਸ਼ਿਤ ਹੈ।

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

ਦੇਖੋ border-image ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ。