CSS border-left-color پراپرٹی

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

border-left-color ਸਰੋਤ ਨੂੰ ਐਲੀਮੈਂਟ ਦੇ ਕੱਚੇ ਬਾਹਰੀ ਰੰਗ ਸੈਟ ਕਰਦਾ ਹੈ。

ਸਿਰਫ ਸਫੇਦ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਅਤੇ ਸਿਰਫ ਜਦੋਂ ਬਾਹਰੀ ਰੂਪ ਨਾਲ none ਜਾਂ hidden ਦਾ ਮੁੱਲ ਹੈ ਤਾਂ ਬਾਹਰੀ ਰੰਗ ਦਿਖਾਈ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ。

ਟਿੱਪਣੀਆਂ:ਹਰ ਸਮੇਂ border-style ਸਰੋਤ ਨੂੰ border-color ਸਰੋਤ ਤੋਂ ਪਹਿਲਾਂ ਨਿਰਧਾਰਿਤ ਕਰੋ। ਐਲੀਮੈਂਟ ਹੁਣ ਤੱਕ ਆਪਣੇ ਰੰਗ ਨੂੰ ਬਦਲਣ ਤੋਂ ਪਹਿਲਾਂ ਬਾਹਰੀ ਰੰਗ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆCSS ਬਾਰਡਰ

CSS ਸੂਚੀਕਰਣ ਮੁੱਲਾਂ:border-left ਸਰੋਤ

HTML DOM ਸੂਚੀਕਰਣ ਮੁੱਲਾਂ:borderLeftColor ਸਰੋਤ

ਉਦਾਹਰਣ

ਕੱਚੇ ਬਾਹਰੀ ਰੰਗ ਸੈਟ ਕਰਨਾ:

p
  {
  border-style:solid;
  border-left-color:#ff0000;
  }

ਸਵੈ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੰਥ

border-left-color: color|transparent|initial|inherit;

ਸਰੋਤ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
color_name ਰੰਗ ਮੁੱਲ ਰੰਗ ਨਾਮ ਦਾ ਬਾਹਰੀ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰਨਾ (ਉਦਾਹਰਣ ਵਜੋਂ red)。
hex_number ਰੰਗ ਮੁੱਲ ਹੈਕਸਡੈਸੀਮਲ ਦਾ ਬਾਹਰੀ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰਨਾ (ਉਦਾਹਰਣ ਵਜੋਂ #ff0000)。
rgb_number ਰੰਗ ਮੁੱਲ rgb ਕੋਡ ਦਾ ਬਾਹਰੀ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰਨਾ (ਉਦਾਹਰਣ ਵਜੋਂ rgb(255,0,0))。
transparent ਮੂਲ ਮੁੱਲ।ਬਾਹਰੀ ਰੰਗ ਪਾਰਦਰਸ਼ੀ ਹੈ。
inherit ਪ੍ਰਤੀਬੱਧੀ ਨੂੰ ਪੈਰੇਂਟ ਐਲੀਮੈਂਟ ਤੋਂ ਬਾਹਰੀ ਰੰਗ ਲੈਣਾ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: not specified
ਵਿਰਾਸਤੀ ਤੌਰ 'ਤੇ: no
ਸੰਸਕਰਣ: CSS1
JavaScript ਗਰੰਥ object.style.borderLeftColor="blue"

ਹੋਰ ਉਦਾਹਰਣ

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

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਦੇ ਸਮਰਥਨ ਦੀ ਪਰਿਭਾਸ਼ਾ ਪੱਧਰ ਸਾਰੇ ਪੱਧਰਾਂ ਵਿੱਚ ਪ੍ਰਦਤਵ ਕੀਤੀ ਗਈ ਹੈ。

ਚਰੋਮੇ IE / ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
1.0 4.0 1.0 1.0 3.5

ਟਿੱਪਣੀਆਂ:Internet Explorer 6 (ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲੇ ਦੇ ਵਰਜਨ) ਨੂੰ "transparent" ਮੁੱਲ ਸਮਰਥਨ ਨਹੀਂ ਹੈ。

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

" -->