CSS border-left-width کی آپریشن

ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ

border-left-width ਲੈਬਲ ਨੂੰ ਬਾਰਡ ਦੀ ਬਾਈ ਬਾਰਡ ਚੌੜਾਈ ਨੂੰ ਸੈਟ ਕਰਦਾ ਹੈ。

ਬਾਰਡ ਸਟਾਈਲ none ਨਹੀਂ ਹੋਣ ਤੱਕ ਇਹ ਕੰਮ ਕਰਦਾ ਹੈ।ਜੇਕਰ ਬਾਰਡ ਸਟਾਈਲ none ਹੋਵੇ ਤਾਂ ਬਾਰਡ ਦੀ ਚੌੜਾਈ ਵਾਸਤੇ ਪ੍ਰਤੀਭਾਵ 0 ਹੋ ਜਾਵੇਗਾ।ਨਕਾਰਾਤਮਕ ਲੰਬਾਈ ਦਾ ਨਿਰਧਾਰਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਨਹੀਂ ਹੈ。

ਟਿੱਪਣੀਆਂ:ਹਰ ਸਮੇਂ border-left-width ਲੈਬਲ ਤੋਂ ਪਹਿਲਾਂ border-style ਲੈਬਲ ਦੀ ਘੋਸ਼ਣਾ ਕਰੋ।ਬਾਰਡ ਮਿਲਣ ਤੋਂ ਬਾਅਦ ਤਾਂ ਬਾਰਡ ਦੀ ਚੌੜਾਈ ਨੂੰ ਬਦਲਿਆ ਜਾ ਸਕਦਾ ਹੈ।

ਹੋਰ ਦੇਖੋ:

ਸਿੱਖਿਆ ਪੁਸਤਕ:CSS کا باردر

ਸਰੋਤ:CSS border-left کی آپریشن

ਸਰੋਤ:HTML DOM borderLeftWidth کی پرنسیپ

ਉਦਾਹਰਣ

ਬਾਈ ਬਾਰਡ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕਰਨਾ:

p
  {
  border-style:solid;
  border-left-width:15px;
  }

ਆਪਣੇ ਅਨੁਭਵ ਲਈ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਵਿਧਾਨ

border-left-width: medium|thin|thick|length|initial|inherit;

ਪ੍ਰਤੀਭਾਵ

ਮੁੱਲ ਵਰਣਨ
thin ਨਿਰਧਾਰਿਤ ਕਰਨ ਲਈ ਸਾਂਝੇ ਬਾਈ ਬਾਰਡ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
medium ਮੂਲ ਮੁੱਲ।ਮੱਧ ਬਾਈ ਬਾਰਡ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
thick ਮੁੱਢਲੇ ਬਾਈ ਬਾਰਡ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
length ਤੁਹਾਨੂੰ ਬਾਈ ਬਾਰਡ ਦੀ ਚੌੜਾਈ ਨੂੰ ਪਸੰਦ ਦੀ ਤਰ੍ਹਾਂ ਸੈਟ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ。
inherit ਪਿਤਾ ਤੋਂ ਬਾਰਡ ਚੌੜਾਈ ਨੂੰ ਲੈਣਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: medium
ਵਿਰਾਸਤ: no
ਸੰਸਕਰਣ: CSS1
JavaScript ਵਿਧਾਨ: object.style.borderLeftWidth="thick"

ਹੋਰ ਉਦਾਹਰਣ

ਬਾਈ ਬਾਰਡ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕਰਨਾ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ ਬਾਈ ਬਾਰਡ ਦੀ ਚੌੜਾਈ ਨੂੰ ਸੈਟ ਕਰਨਾ ਹੈ。

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

ਸਾਰੇ ਪੱਧਰਾਂ ਵਿੱਚ ਸਪਸ਼ਟ ਕੀਤਾ ਗਿਆ ਹੈ ਕਿ ਇਹ ਲੈਬਲ ਇਸ ਵਿਸ਼ੇਸ਼ ਸ਼ਾਬਦਿਕ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਸਮਰੱਥਾ ਦਾ ਪਹਿਲਾ ਬਰਾਉਜ਼ਰ ਹੈ ਜੋ ਇਸ ਲੈਬਲ ਨੂੰ ਸਮਰੱਥ ਹੈ。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

ਟਿੱਪਣੀਆਂ:IE7 ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲੇ ਦੀਆਂ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਮੁੱਲ "inherit" ਨਹੀਂ ਸਮਰੱਥ ਹੈ।IE8 ਨੂੰ !DOCTYPE ਚਾਹੀਦਾ ਹੈ।IE9 "inherit" ਸਮਰੱਥ ਹੈ।