استایل borderColor پرنسیپ

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

borderColor پرنسیپ یا بازگشت عناصر کی رنگ چارچوب کا.

اس属性 کوئی تا چار مقادیر اختیار کرسکتا ہے:

  • ایک مقصد، مثلاً: p {border-color: red} - تمامی چارچوب‌های چهارگانه قرمز هستند
  • ਦੋ ਮੁੱਲ, ਉਦਾਹਰਣਾਂ ਵਿੱਚ: p {border-color: red transparent} - ਉੱਚ ਅਤੇ ਨੀਚੇ ਬੋਰਡਰ ਲਾਲ, ਸਾਹਮਣੇ ਅਤੇ ਪਿੱਛੇ ਬੋਰਡਰ ਟ੍ਰਾਂਸਪਰੈਂਟ
  • ਤਿੰਨ ਮੁੱਲ, ਉਦਾਹਰਣਾਂ ਵਿੱਚ: p {border-color: red green blue}- ਉੱਚ ਬੋਰਡਰ ਲਾਲ, ਸਾਹਮਣੇ ਅਤੇ ਪਿੱਛੇ ਬੋਰਡਰ ਹਰੀ, ਨੀਚੇ ਬੋਰਡਰ ਨੀਲਾ
  • ਚਾਰ ਮੁੱਲ, ਉਦਾਹਰਣਾਂ ਵਿੱਚ: p {border-color: red green blue yellow} - ਉੱਚ ਬੋਰਡਰ ਲਾਲ, ਸਾਹਮਣੇ ਬੋਰਡਰ ਹਰੀ, ਨੀਚੇ ਬੋਰਡਰ ਨੀਲਾ, ਪਿੱਛੇ ਬੋਰਡਰ ਪੀਲਾ

ਹੋਰ ਦੇਖੋ:

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

CSS ਸੂਚੀਕਰਣ:border-color ਵਿਸ਼ੇਸ਼ਤਾ

HTML DOM ਸੂਚੀਕਰਣ:border ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

div ਐਲੀਮੈਂਟ ਦੀ ਚਾਰ ਬੋਰਡਰਾਂ ਦੀ ਰੰਗ ਨੂੰ ਲਾਲ ਕਰੋ:

document.getElementById("myDiv").style.borderColor = "red";

ਸਵੈ ਸਿਖਲਾਈ ਦੇਓ

ਉਦਾਹਰਣ 2

div ਐਲੀਮੈਂਟ ਦੀ ਉੱਚ ਅਤੇ ਹਥਿਆਰਾਂ ਦੀ ਰੰਗ ਨੂੰ ਹਰੀ ਕਰੋ, ਅਤੇ ਸਾਹਮਣੇ ਅਤੇ ਪਿੱਛੇ ਦੀ ਰੰਗ ਨੂੰ ਨੀਲੀ ਕਰੋ:

document.getElementById("myDiv").style.borderColor = "green purple";

ਸਵੈ ਸਿਖਲਾਈ ਦੇਓ

ਉਦਾਹਰਣ 3

div ਐਲੀਮੈਂਟ ਦੀ ਬੋਰਡਰ ਰੰਗ ਨੂੰ ਵਾਪਸ ਕਰੋ:

alert(document.getElementById("myDiv").style.borderColor);

ਸਵੈ ਸਿਖਲਾਈ ਦੇਓ

ਸਿਧਾਂਤ

borderColor ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸ ਕਰੋ:

object.style.borderColor

borderColor ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:

object.style.borderColor = "color|transparent|initial|inherit"

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

ਮੁੱਲ ਵਰਣਨ
color

ਬੋਰਡਰ ਦੀ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ। ਮੂਲਤਵੀ ਰੰਗ ਕਾਲਾ ਹੈ。

ਦੇਖੋ CSS ਰੰਗ ਮੁੱਲਮੰਗਦੇ ਹੋਏ ਰੰਗ ਮੁੱਲਾਂ ਦੀ ਪੂਰੀ ਸੂਚੀ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ
transparent ਬੋਰਡਰ ਦੀ ਰੰਗ ਟ੍ਰਾਂਸਪਰੈਂਟ ਹੈ (ਪਿੰਡਾਂ ਦਾ ਸਮਾਵੇਸ਼ ਹੋਵੇਗਾ)。
initial ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਮੂਲਤਵੀ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial.
inherit ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਆਪਣੇ ਮਾਤਾ ਐਲੀਮੈਂਟ ਤੋਂ ਉਥੇ ਲੈ ਕੇ ਹੈ। ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲਤਵੀ ਮੁੱਲ: ਕਾਲਾ
ਵਾਪਸ ਕੀਤਾ ਗਿਆ ਮੁੱਲ: ਇੱਕ ਪਾਠ, ਜਿਸ ਵਿੱਚ ਐਲੀਮੈਂਟ ਦੀ ਬੋਰਡਰ ਰੰਗ ਨੂੰ ਦਰਸਾਇਆ ਗਿਆ ਹੈ。
CSS ਸੰਸਕਰਣ: CSS1

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

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

Chrome Edge Firefox ਸਫਾਰੀ ਓਪਰਾ
Chrome Edge Firefox ਸਫਾਰੀ ਓਪਰਾ
1.0 4.0 1.0 1.0 3.5