Style outlineWidth ਗੁਣ

ਪਰਿਭਾਸ਼ਣ ਅਤੇ ਵਰਤੋਂ

outlineWidth ਇਲੈਕਟ੍ਰੌਨਸਕੋਪ ਦੇ ਚੁੱਕੇ ਕਿਨਾਰੇ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸੀ ਕਰਨ ਲਈ ਗੁਣ ਸੈਟ ਕਰੋ।

ਕਿਨਾਰੇ ਇਲੈਕਟ੍ਰੌਨਸਕੋਪ ਦੇ ਚੁੱਕੇ ਇੱਕ ਪਟ ਹੈ। ਇਹ ਇਲੈਕਟ੍ਰੌਨਸਕੋਪ ਦੇ ਮਾਰਜਿਨ ਦੇ ਚੁੱਕੇ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦਾ ਹੈ। ਪਰ, ਇਹ ਬੋਰਡਰ ਗੁਣ ਨਾਲ ਅਲੱਗ ਹੈ。

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

ਹੋਰ ਦੇਖੋ:

CSS ਸਿਖਲਾਈ:CSS ਕਿਰਦ

CSS ਪੁਸਤਕਾਲ:outline ਗੁਣ

HTML DOM ਪੁਸਤਕਾਲ:outline ਗੁਣ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

<div> ਇਲੈਕਟ੍ਰੌਨਸਕੋਪ ਦੀ ਕਿਨਾਰੇ ਦੀ ਚੌੜਾਈ ਬਦਲੋ:

document.getElementById("myDiv").style.outlineWidth = "10px";

ਖੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 2

"thick" ਮੁੱਲ ਨਾਲ <div> ਇਲੈਕਟ੍ਰੌਨਸਕੋਪ ਦੀ ਕਿਨਾਰੇ ਦੀ ਚੌੜਾਈ ਬਦਲੋ:

document.getElementById("myDiv").style.outlineWidth = "thick";

ਖੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 3

ਵਾਪਸੀ <div> ਇਲੈਕਟ੍ਰੌਨਸਕੋਪ ਦੀ ਕਿਨਾਰੇ ਦੀ ਚੌੜਾਈ:

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

ਖੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਗਰੰਟਰਿਕ

outlineWidth ਗੁਣ ਵਾਪਸੀ ਕਰੋ:

object.style.outlineWidth

outlineWidth ਗੁਣ ਸੈਟ ਕਰੋ:

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
thin ਨਾਨਾ ਕਿਨਾਰੇ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
medium ਮੱਧ ਕਿਨਾਰੇ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਮੂਲ ਮੁੱਲ。
thick ਮੁੱਖ ਕਿਨਾਰੇ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
length ਲੰਬਾਈ ਇਕਾਈ ਵਿੱਚ ਕਿਨਾਰੇ ਦੀ ਚੌੜਾਈ。
initial ਇਸ ਗੁਣ ਨੂੰ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial。
inherit ਆਪਣੇ ਮਾਤਾ ਇਲੈਕਟ੍ਰੌਨਸਕੋਪ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਉਧਾਰ ਲਵੋ। ਦੇਖੋ: inherit。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: medium
ਵਾਪਸੀ ਮੁੱਲ: ਪਾਠ, ਜੋ ਇਲੈਕਟ੍ਰੌਨਸਕੋਪ ਦੇ ਕਿਨਾਰੇ ਦੀ ਚੌੜਾਈ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ。
CSS ਰੀਵਿਅਨਜ਼ਨ: CSS2

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

ਚਰਮੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ