CSS outline پراپرتی

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

outline(ਕਿਨਾਰੇ) ਅਲੱਗ ਅਲੱਗ ਤੌਰ 'ਤੇ ਬੰਦੂਕ ਦਿਖਾਉਣ ਵਾਲੀ ਲਾਈਨ ਹੈ ਜੋ ਕਿ ਬੰਦੂਕ ਦੇ ਬਾਹਰ ਹੈ ਅਤੇ ਇਸ ਨਾਲ ਇਲਾਕੇ ਨੂੰ ਉਭਾਰ ਦਿੱਤਾ ਜਾ ਸਕਦਾ ਹੈ。

ਟਿੱਪਣੀਆਂ:ਕਿਨਾਰੇ ਲਾਈਨ ਸਥਾਨ ਨਹੀਂ ਲੈਂਦੀ ਅਤੇ ਹੋਰ ਸਰਲ ਤੌਰ 'ਤੇ ਨਹੀਂ ਹੁੰਦੀ。

outline ਸ਼ਾਰਟ ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ ਮੁੱਤਲਬ ਵਿੱਚ ਸਾਰੇ ਕਿਨਾਰੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸੈਟ ਕਰਦੀ ਹੈ。

ਮੁੱਲ ਕੋਸ਼ਿਸ਼ ਦੀ ਕਿਸਮ ਇਸ ਤਰ੍ਹਾਂ ਸੈਟ ਕਰੋ:

ਜੇਕਰ ਕੋਈ ਮੁੱਲ ਨਾ ਸੈਟ ਕੀਤਾ ਗਿਆ ਤਾਂ ਵੀ ਕੋਈ ਸਮੱਸਿਆ ਨਹੀਂ ਆਵੇਗੀ ਜਿਵੇਂ outline:solid #ff0000; ਵੀ ਮਨਜ਼ੂਰ ਹੈ。

ਹੋਰ ਦੇਖੋ:

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

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

ਉਦਾਹਰਣ

4 ਚਾਰ ਬੰਦੂਕ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:

p
  {
  outline:#00FF00 dotted thick;
  }

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

CSS ਵਿਸ਼ਲੇਸ਼ਣ

outline: outline-width outline-style outline-color|initial|inherit;

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

ਮੁੱਲ ਵਰਣਨ
outline-color outline-coloroutline-color ਸੰਭਵ ਮੁੱਲ
outline-style ਬੰਦੂਕ ਸਟਾਈਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。outline-style ਸੰਭਵ ਮੁੱਲ
outline-width ਬੰਦੂਕ ਚੌੜਾਈ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。outline-width ਸੰਭਵ ਮੁੱਲ
inherit ਨਿਰਧਾਰਿਤ ਹੋਣ ਵਾਲਾ outline ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਮੂਲ ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਪ੍ਰਾਪਤ ਕੀਤਾ ਜਾਵੇਗਾ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: invert none medium
ਵਿਰਾਸਤੀਕਰਣ: no
ਵਰਜਨ: CSS2
JavaScript ਵਿਸ਼ਲੇਸ਼ਣ: object.style.outline="#0000FF dotted thin"

TIY ਉਦਾਹਰਣ

ਅਲੱਗ ਅਲੱਗ ਤੌਰ 'ਤੇ ਲਾਈਨ ਬੈਂਧੀ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ outline ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਲੱਗ ਅਲੱਗ ਤੌਰ 'ਤੇ ਲਾਈਨ ਬੈਂਧੀ ਦਿਖਾਇਆ ਗਿਆ ਹੈ。

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਪੂਰਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲੀ ਪਹਿਲੀ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਸਾਰੇ ਤੌਰ 'ਤੇ ਤਾਲੀਮ ਦਿੱਤੀ ਗਈ ਹੈ。

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

ਟਿੱਪਣੀਆਂ:ਜੇਕਰ !DOCTYPE ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਗਿਆ ਤਾਂ IE8 ਆਉਟਲਾਈਨ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ。