CSS outline-color ਪ੍ਰਤੀਯੋਗਤਾ ਪੈਰਾਮੀਟਰ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

outline (ਪ੍ਰਕਾਸ਼ਨ) ਇੱਕ ਤੱਤ ਦੇ ਆਸ-ਪਾਸ ਬਣਾਈ ਗਈ ਇੱਕ ਰੇਖਾ ਹੈ ਜੋ ਬੋਰਡਰ ਦੇ ਕਿਨਾਰੇ ਦੇ ਬਾਹਰ ਹੁੰਦੀ ਹੈ ਅਤੇ ਤੱਤ ਨੂੰ ਉਭਾਰ ਦੇਣ ਦੀ ਸਹਾਇਤਾ ਕਰਦੀ ਹੈ।outline ਵਿਸ਼ੇਸ਼ਤਾ ਤੱਤ ਦੇ ਆਸ-ਪਾਸ ਬਣਾਈ ਗਈ ਰੇਖਾ ਨੂੰ ਸੈਟ ਕਰ ਸਕਦੀ ਹੈ。

ਟਿੱਪਣੀਆਂ:outline-color ਵਿਸ਼ੇਸ਼ਤਾ ਤੋਂ ਪਹਿਲਾਂ ਹਮੇਸ਼ਾ ਰੇਖਾ ਸ਼ੈਲੀ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਤੱਤ ਨੂੰ ਪ੍ਰਕਾਸ਼ਨ ਮਿਲਣ ਤੋਂ ਬਾਅਦ ਹੀ ਪ੍ਰਕਾਸ਼ਨ ਦੀ ਰੰਗ ਨੂੰ ਬਦਲਿਆ ਜਾ ਸਕਦਾ ਹੈ。

ਟਿੱਪਣੀਆਂ:ਪ੍ਰਕਾਸ਼ਨ ਦੀ ਰੇਖਾ ਜਗ੍ਹਾ ਦੀ ਨਾਮਜ਼ਦਗੀ ਕਰਦੀ ਨਹੀਂ ਹੈ ਅਤੇ ਨਿਸ਼ਚਿਤ ਤੌਰ 'ਤੇ ਚੌਕਾ ਹੀ ਨਹੀਂ ਹੁੰਦੀ ਹੈ。

outline-color ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ ਤੱਤ ਦੇ ਪੂਰੇ ਪ੍ਰਕਾਸ਼ਨ ਵਿੱਚ ਦਿਸਣ ਵਾਲੇ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰਦੀ ਹੈ।ਯਾਦ ਰੱਖੋ ਕਿ ਪ੍ਰਕਾਸ਼ਨ ਦੀ ਸ਼ੈਲੀ none ਨਹੀਂ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ ਨਾ ਤਾਂ ਪ੍ਰਕਾਸ਼ਨ ਦਿਸਦਾ ਨਹੀਂ ਹੋਵੇਗਾ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆCSS ਕਿਰਨ

CSS ਸੂਚੀਬੱਧoutline ਵਿਸ਼ੇਸ਼ਤਾ

HTML DOM ਸੂਚੀਬੱਧoutlineColor ਵਿਸ਼ੇਸ਼ਤਾ

ਮਾਡਲ

ਨੰਬਰ ਰੰਗ ਦੇ ਪ੍ਰਕਾਸ਼ਨ ਰੰਗ ਸੈਟ ਕਰੋ:

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

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

CSS ਗਣਿਤਿਕ ਕਲਾਸਿਕਰਨ

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

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

ਮੁੱਲ ਵਰਣਨ
color_name ਰੰਗ ਦੇ ਨਾਮ ਦੇ ਪ੍ਰਕਾਸ਼ਨ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ (ਉਦਾਹਰਣ: red))。
hex_number ਹੈਕਸਡੈਸੀਮਲ ਰੰਗ ਦੇ ਪ੍ਰਕਾਸ਼ਨ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ (ਉਦਾਹਰਣ: #ff0000))。
rgb_number ਰੰਗ ਵਾਲੇ ਕੋਡ ਦੇ ਰੰਗ ਦੇ ਪ੍ਰਕਾਸ਼ਨ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ (ਉਦਾਹਰਣ: rgb(255,0,0))。
invert ਮੂਲ ਮੁੱਲ।ਰੰਗ ਕਿਰਤੀ ਕਰੋ (ਉਲਟੀ ਰੰਗ)।ਇਹ ਪ੍ਰਕਾਸ਼ਨ ਵੱਖ-ਵੱਖ ਪਿਛਲੀਆਂ ਰੰਗਾਂ ਵਿੱਚ ਦਿਸਣ ਵਾਲਾ ਹੈ。
inherit ਪਿਛਲੇ ਤੱਤ ਤੋਂ ਪ੍ਰਕਾਸ਼ਨ ਦੀ ਰੰਗ ਸੈਟ ਕਰਨ ਦੀ ਸੰਧੀ ਦੀ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਤਕਨੀਕੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਮੂਲ ਮੁੱਲ: invert
ਵਿਰਾਸਤੀਕਰਣ: no
ਸੰਸਕਰਣ: CSS2
JavaScript ਗਣਿਤਿਕ ਕਲਾਸਿਕਰਨ: object.style.outlineColor="#0000FF"

TIY ਮਾਡਲ

ਪ੍ਰਕਾਸ਼ਨ ਦੀ ਰੰਗ ਸੈਟ ਕਰਨ
ਇਸ ਪ੍ਰੋਗਰਾਮ ਵਿੱਚ ਪ੍ਰਕਾਸ਼ਨ ਦੀ ਰੰਗ ਸੈਟ ਕਰਨ ਦੀ ਪ੍ਰਕਿਰਿਆ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਕੀਤਾ ਗਿਆ ਹੈ。

ਬਰਾਉਜ਼ਰ ਸਹਾਇਤਾ

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

ਚਾਰਮੋਕ IE / ਐਜਕਸ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
1.0 8.0 1.5 1.2 7.0

ਟਿੱਪਣੀਆਂ:ਜੇਕਰ !DOCTYPE ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਗਿਆ ਹੈ ਤਾਂ IE8 ਵਿੱਚ outline ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਸਹਾਇਤਾ ਹੈ。