CSS بوردر-این لائن-رنگ کی ویژگی

ਮਹਤਵ ਅਤੇ ਵਰਤੋਂ

border-inline-color ਗੁਣ ਨਾਲ ਰੈਕਟੈਂਸੀ ਦੇ ਲਾਈਨ ਵਾਲੇ ਦਿਸ਼ਾ ਵਿੱਚ ਬਾਰਡਰ ਰੰਗ ਸੈਟ ਕੀਤਾ ਜਾਣਾ ਹੈ

ਨੋਟ:ਜੇਕਰ border-inline-color ਗੁਣ ਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ ਜ਼ਰੂਰੀ ਹੈ border-inline-style.

border-inline-color ਗੁਣ ਦਾ ਮੁੱਲ ਵੱਖ-ਵੱਖ ਤਰੀਕੇ ਨਾਲ ਸੈਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:

ਜੇਕਰ border-inline-color ਗੁਣ ਦੇ ਦੋ ਮੁੱਲ ਹਨ:

border-inline-color: pink blue;

• ਰੈਕਟੈਂਸੀ ਦੇ ਸ਼ੁਰੂ ਥਾਂ ਦੇ ਬਾਰਡਰ ਰੰਗ ਪੈਲ ਹੈ
• ਰੈਕਟੈਂਸੀ ਦੇ ਮੁਕਤ ਥਾਂ ਦੇ ਬਾਰਡਰ ਰੰਗ ਹਰੀ ਹੈ

ਜੇਕਰ border-inline-color ਗੁਣ ਦਾ ਇੱਕ ਮੁੱਲ ਹੈ:

border-inline-color: blue;

• ਰੈਕਟੈਂਸੀ ਦੇ ਸ਼ੁਰੂ ਅਤੇ ਮੁਕਤ ਥਾਂ ਦੇ ਬਾਰਡਰ ਰੰਗ ਹਰੀ ਹਨ

CSS ਦੇ border-inline-color ਗੁਣ ਨਾਲ border-bottom-colorਅਤੇborder-left-colorਅਤੇborder-right-color ਅਤੇ border-top-color ਗੁਣ ਬਹੁਤ ਹੀ ਸਮਾਨ ਹਨ ਪਰ border-inline-color ਗੁਣ ਲਾਈਨ ਅਨੁਸਾਰ ਉੱਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。

ਨੋਟ:ਸਬੰਧਤ CSS ਗੁਣ writing-modeਅਤੇtext-orientation ਅਤੇ direction ਲਾਈਨ ਅਨੁਸਾਰ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਇਹ ਇੱਕ ਲਾਈਨ ਦੇ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਸਥਾਨ ਅਤੇ border-inline-color ਗੁਣ ਦੇ ਪ੍ਰਭਾਵ।ਇੰਗਲਿਸ਼ ਪੰਨਿਆਂ ਵਿੱਚ ਲਾਈਨ ਅਨੁਸਾਰ ਦਾ ਮੁੱਲ ਹੈ ਲੇਫਟ ਟੁ ਰਾਇਟ ਅਤੇ ਬਲਾਕ ਅਨੁਸਾਰ ਹੈ ਉੱਤੇ ਨਿਚੇ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਲਾਈਨ ਅਨੁਸਾਰ ਦੇ ਬਾਰਡਰ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰੋ:

#example1 {
  border-inline-style: solid;
  border-inline-color: pink;
}
#example2 {
  border-inline-style: solid;
  border-inline-color: pink lightblue;
}

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

ਉਦਾਹਰਣ 2: writing-mode ਗੁਣ ਦੇ ਸਮਾਯੋਜਨ

ਲਾਈਨ ਅਨੁਸਾਰ ਦੀ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਸਥਾਨ ਦੇ ਬਾਰਡਰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ writing-mode ਗੁਣ ਦੇ ਪ੍ਰਭਾਵ:

div {
  border-inline-style: solid;
  writing-mode: vertical-rl;
  border-inline-color: blue;
}

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

ਉਦਾਹਰਣ 3: direction ਗੁਣ ਦੇ ਸਮਾਯੋਜਨ

ਲਾਈਨ ਅਨੁਸਾਰ ਦੀ ਸ਼ੁਰੂ ਅਤੇ ਸਮਾਪਤ ਸਥਾਨ ਦੇ ਬਾਰਡਰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ direction ਗੁਣ ਦੇ ਪ੍ਰਭਾਵ:

div {
  direction: rtl;
  border-inline-color: blue hotpink;
}

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

CSS ਗਰੇਫਿਕਸ

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

ਗੁਣ ਮੁੱਲ

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

ਸਾਰੇ ਸਟੇਬਲ ਬਰਾਊਜ਼ਰਾਂ ਦੀ ਪਹਿਲੀ ਸਮਰੱਥ ਸੈਕਸ਼ਨ ਦੇ ਅਨੁਸਾਰ ਸਾਰੇ ਸਿਫਾਰਸ਼ ਕੀਤੇ ਗਏ ਬਰਾਊਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਸੂਚਕਾਂਕ ਹਨ。

ਸਬੰਧਤ ਪੰਨੇ

ਟੂਰੀਅਲ:CSS ਬੰਦਰ

ਸਲਾਹਦਾਰੀਆਂ:CSS بوردر کی ویژگی

ਸਲਾਹਦਾਰੀਆਂ:CSS بوردر-این لائن کی ویژگی

ਸਲਾਹਦਾਰੀਆਂ:CSS border-inline-style کی اپریٹ کا نمونہ

ਸਲਾਹਦਾਰੀਆਂ:CSS بوردر-بوتوم-رنگ کی ویژگی

ਸਲਾਹਦਾਰੀਆਂ:CSS border-left-color کی اپریٹ کا نمونہ

ਸਲਾਹਦਾਰੀਆਂ:CSS border-right-color کی اپریٹ کا نمونہ

ਸਲਾਹਦਾਰੀਆਂ:CSS border-top-color کی اپریٹ کا نمونہ

ਸਲਾਹਦਾਰੀਆਂ:CSS ڈائریکشن پراپرٹی

ਸਲਾਹਦਾਰੀਆਂ:CSS text-orientation ਪ੍ਰਾਪਰਟੀ

ਸਲਾਹਦਾਰੀਆਂ:CSS writing-mode ਪ੍ਰਾਪਰਟੀ