سی ای ایس رنگ کلمات

ਇਸ ਚਾਪਟਰ ਵਿੱਚ ਵਿਸਤਾਰ ਕੀਤਾ ਜਾਵੇਗਾ transparent、currentcolor ਅਤੇ inherit ਕੀਵਾਰਡ

transparent ਕੀਵਾਰਡ

transparent ਕੀਵਾਰਡ ਪਾਰਦਰਸ਼ਤਾ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇਹ ਆਮ ਤੌਰ 'ਤੇ ਐਲੀਮੈਂਟ ਲਈ ਪਾਰਦਰਸ਼ੀ ਪਿੰਡਰਗੋਲਾ ਰੰਗ ਸੈਟ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

مثال

ਇੱਥੇ،<div> ਐਲੀਮੈਂਟ ਦਾ ਪਿੰਡਰਗੋਲਾ ਰੰਗ ਪੂਰੀ ਤਰ੍ਹਾਂ ਪਾਰਦਰਸ਼ੀ ਹੋਵੇਗਾ ਅਤੇ ਪਿੰਡਰਗੋਲਾ ਚਿੱਤਰ ਦਿਖਾਇਆ ਜਾਵੇਗਾ:

body {
  background-image: url("paper.gif");
}
div {
  background-color: transparent;
}

خود کو کچھ کوشش کریئے

ਧਿਆਨ:transparent ਕੀਵਾਰਡ ਇਕੱਵਲੈਂਟ ਹੈ rgba(0,0,0,0)RGBA ਰੰਗ ਮੁੱਲ RGB ਰੰਗ ਮੁੱਲ ਦਾ ਵਿਸਤਾਰ ਹੈ - ਇਹ alpha ਚੈਨਲ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ - ਇਹ ਰੰਗ ਦੀ ਬਾਹਰੀ ਸਮਝਦਾ ਹੈ। ਹੋਰ ਸੂਚਨਾ ਲਈ ਸਾਡੇ CSS RGB ਚਾਪਟਰ ਅਤੇ سی ای ایس رنگ ਚਾਪਟਰ

currentcolor ਕੀਵਾਰਡ

currentcolor ਕੀਵਾਰਡ ਇੱਕ ਵਾਰੀਆਬਲ ਵਰਗਾ ਹੈ ਜੋ ਐਲੀਮੈਂਟ ਦੀ color ਐਟਰੀਬਿਊਟ ਦਾ ਮੌਜੂਦਾ ਰੰਗ ਮੁੱਲ ਸੰਭਾਲਦਾ ਹੈ。

ਅਗਰ ਤੁਸੀਂ ਕਿਸੇ ਵਿਸ਼ੇਸ਼ ਰੰਗ ਨੂੰ ਐਲੀਮੈਂਟ ਜਾਂ ਪੰਨੇ ਵਿੱਚ ਇੱਕਸੁਰ ਰੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਇਹ ਕੀਵਾਰਡ ਬਹੁਤ ਉਪਯੋਗੀ ਹੋਵੇਗਾ。

مثال

ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ،<div> ਐਲੀਮੈਂਟ ਦਾ ਬਾਰਡਰ ਰੰਗ ਨੀਲਾ ਹੋਵੇਗਾ ਕਿਉਂਕਿ <div> ਐਲੀਮੈਂਟ ਦਾ ਟੈਕਸਟ ਰੰਗ ਨੀਲਾ ਹੈ:

div {
  color: blue;
  border: 10px solid currentcolor;
}

خود کو کچھ کوشش کریئے

مثال

ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ،<div> ਦਾ ਪਿੰਡਰਗੋਲਾ ਰੰਗ ਬੋਡੀ ਐਲੀਮੈਂਟ ਦੇ ਮੌਜੂਦਾ ਰੰਗ ਮੁੱਲ ਸੈਟ ਕੀਤਾ ਹੈ:

body {
  color: purple;
}
div {
  background-color: currentcolor;
}

خود کو کچھ کوشش کریئے

مثال

اس مثال میں، <div> کا بوردر رنگ اور شادی کا رنگ بوردر کا مرادف رنگ کا نمبر بوردر عنصر کا آج کا رنگ نمبر سیٹ کیا گیا ہے:}

body {
 color: green;
}
div {
  box-shadow: 0px 0px 15px currentcolor;
  border: 5px solid currentcolor;
}

خود کو کچھ کوشش کریئے

inherit کلمات

inherit کلمات کا استعمال اس کی پیرنٹ عنصر سے اس کا مرادف وراثت لیتی ہے。

inherit کلمات کو کسی بھی CSS خاصیت میں استعمال کیا جاسکتا ہے اور کسی بھی HTML عنصر میں استعمال کیا جاسکتا ہے。

مثال

اس مثال میں، <span> کا بوردر سیٹنگ پیرنٹ عنصر سے وراثت لیتی ہے:

div {
  border: 2px solid red;
}
span {
  border: inherit;
}

خود کو کچھ کوشش کریئے