Style outline ਗੁਣ

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

outline ਗੁਣ ਸਕ੍ਰੈਪਟ ਫਾਰਮੈਟ ਵਿੱਚ ਸਾਰੇ ਕਿਰਦ ਗੁਣ ਸੈਟ ਕਰ ਸਕਦੇ ਹਨ ਜਾਂ ਵਾਪਸ ਦਿੱਤੇ ਜਾ ਸਕਦੇ ਹਨ。

ਇਸ ਗੁਣ ਰਾਹੀਂ, ਤੁਸੀਂ ਨਿਮਨਲਿਖਤ ਕਿਸੇ ਜਾਂ ਕਈ ਮੁੱਲ (ਕਿਸੇ ਵੀ ਕਿਸਮ ਵਿੱਚ):

ਕਿਰਦ ਇਲਾਕੇ ਦੇ ਚੌਕੇ ਵਿੱਚ ਇੱਕ ਲਾਈਨ ਹੈ। ਇਹ ਇਲਾਕੇ ਦੇ ਬਾਹਰਲੇ ਮਾਰਜਿਨ ਦੇ ਚੌਕੇ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦਾ ਹੈ। ਪਰ, ਇਹ border ਗੁਣ ਅਲੱਗ-ਅਲੱਗ

ਕਿਰਦ ਨਹੀਂ ਇਲਾਕੇ ਦੀ ਮਾਪ ਦਾ ਹਿੱਸਾ ਹੈ, ਇਸ ਲਈ ਇਲਾਕੇ ਦੇ ਚੌਕੇ ਅਤੇ ਉਚਾਈ ਗੁਣ ਕਿਰਦ ਚਾਰੀਆਂ ਦੇ ਚੌਕੇ ਨਹੀਂ ਸ਼ਾਮਲ ਹੁੰਦੇ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ:CSS outline

CSS ਸੰਦਰਭ ਪੁਸਤਕ:outline ਗੁਣ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਵਾਪਸ <div> ਇਲਾਕੇ ਦੇ ਚੌਕੇ ਵਿੱਚ ਕਿਰਦ ਜੋੜੋ:

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 2

ਵਾਪਸ <div> ਇਲਾਕੇ ਦੇ ਕਿਰਦ ਚਾਰੀਆਂ ਦੇ ਚੌਕੇ, ਸਟਾਈਲ ਅਤੇ ਰੰਗ ਨੂੰ ਬਦਲੋ:

document.getElementById("myDiv").style.outline = "5px dotted green";

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਉਦਾਹਰਣ 3

ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ <div> ਇਲਾਕੇ ਦੇ ਕਿਰਦ ਗੁਣ:

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਸਿਧਾਂਤ

ਕਿਰਦ ਗੁਣ ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ:

object.style.outline

ਕਿਰਦ ਗੁਣ ਸੈਟ ਕਰੋ:

object.style.outline = "width style color|initial|inherit"

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
width ਕਿਰਦ ਚਾਰੀਆਂ ਚੌਕੇ ਸੈਟ ਕਰੋ。
style ਕਿਰਦ ਸਟਾਈਲ ਸੈਟ ਕਰੋ。
color ਕਿਰਦ ਰੰਗ ਸੈਟ ਕਰੋ。
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial.
inherit ਆਪਣੇ ਮਾਤਾ ਇਲਾਕੇ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਉਧਾਰ ਲਓ। ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: medium none invert
ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ: ਮਿਥਯਾ ਵਿਅਕਤੀ, ਇਲਾਕੇ ਦੀ ਚਿੱਤਰਣ ਚਾਰੀਆਂ, ਸਟਾਈਲ ਅਤੇ/ਜਾਂ ਰੰਗ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਵਾਲੀ ਸ਼ਬਦਕੋਸ਼,
CSS ਸੰਸਕਰਣ: CSS2

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ