CSS بوردر رنگ اپریٹ

تعریف اور استعمال

border-color속یت چار حصوں کی رنگ سیٹ کرتی ہے۔ اس속یت میں 1 سے 4 رنگ سیٹ کرسکتا ہے۔

border-color속성 ایک لگن کا속یت ہے، جو ایک عناصر کی سبھی حصوں کی رنگ کو سیٹ کر سکتا ہے، یا 4 حصوں کے لئے مختلف رنگ سیٹ کرسکتا ہے۔ درج ذیل مثال دیکھیئے:

مثال 1

border-color:red green blue pink;
  • ਉੱਚੇ ਬਰਾਉਜ਼ਰ ਨੂੰ ਲਾਲ ਹੈ
  • پائین کا رنگ زرد
  • ਹੇਠਲੇ ਬਰਾਉਜ਼ਰ ਨੂੰ ਨੀਲਾ ਹੈ
  • ਸੱਦੇ ਬਰਾਉਜ਼ਰ ਪੁਰੂਪੀ ਹੈ

ਉਦਾਹਰਣ 2

border-color:red green blue;
  • ਉੱਚੇ ਬਰਾਉਜ਼ਰ ਨੂੰ ਲਾਲ ਹੈ
  • ਸੱਜੇ ਬਰਾਉਜ਼ਰ ਅਤੇ ਸੱਦੇ ਬਰਾਉਜ਼ਰ ਹਰੀ ਹਨ
  • ਹੇਠਲੇ ਬਰਾਉਜ਼ਰ ਨੂੰ ਨੀਲਾ ਹੈ

ਉਦਾਹਰਣ 3

border-color:dotted red green;
  • ਉੱਚੇ ਬਰਾਉਜ਼ਰ ਅਤੇ ਹੇਠਲੇ ਬਰਾਉਜ਼ਰ ਲਾਲ ਹਨ
  • ਸੱਜੇ ਬਰਾਉਜ਼ਰ ਅਤੇ ਸੱਦੇ ਬਰਾਉਜ਼ਰ ਹਰੀ ਹਨ

ਉਦਾਹਰਣ 4

border-color:red;
  • ਸਾਰੇ 4 ਬਰਾਉਜ਼ਰ ਲਾਲ ਹਨ

ਯਾਦ ਰੱਖੋ ਕਿ ਬਰਾਉਜ਼ਰ ਦਾ ਸਟਾਈਲ none ਜਾਂ hidden ਨਾ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਬਰਾਉਜ਼ਰ ਨਜ਼ਰ ਨਹੀਂ ਆਵੇਗਾ。

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

ਹੋਰ ਦੇਖੋ:

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

HTML DOM ਸੂਚੀਬੱਧborderColor ਅਤਰਤਾ

ਉਦਾਹਰਣ

4 ਬਰਾਉਜ਼ਰ ਦੀ ਰੰਗ ਸੈਟ ਕਰੋ:

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

ਆਪਣੇ ਆਪ ਦੋਹਰਾਓ

CSS ਗਰਿੱਖਤਰ

border-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.borderColor="#FF0000 blue"

ਹੋਰ ਉਦਾਹਰਣ

ਚਾਰ ਬਰਾਉਜ਼ਰਾਂ ਦੀ ਰੰਗ ਸੈਟ ਕਰਨ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਚਾਰ ਬਰਾਉਜ਼ਰਾਂ ਦੀ ਰੰਗ ਸੈਟ ਕਰਨ ਦੇ ਤਰੀਕੇ ਦਿਖਾਇਆ ਗਿਆ ਹੈ।ਇੱਕ ਤੋਂ ਚਾਰ ਰੰਗ ਸੈਟ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ。

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

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

ਚਰਮੋਨਾ IE / ਐਜ਼ਡ ਫਾਰਫੈਕਸ ਸਫਾਰੀ ਓਪਰਾ
1.0 4.0 1.0 1.0 3.5

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

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