style outlineStyle نمائشات

تعریف اور استعمال

outlineStyle پارٹی سٹائل کا یا واپسی کا نمائش علامت کے اطراف کا کیرئیر کا سٹائل سیٹ کرتا ہے یا واپسی کرتا ہے。

کیرئیر علامت کے اطراف کا ایک لائن ہے۔ یہ علامت کے مارگیل کے اطراف نمائش کی جاتی ہے، لیکن یہ فریم کی نمائش سے فرق رکھتا ہے。

کیرئیر نہیں آئیٹم کی سائز کا حصہ ہے، لہذا علامت کی چوڑائی اور اونچائی نمائشات نے کیرئیر کی چوڑائی شامل نہیں کی ہوئی ہے。

ਹੋਰ ਦੇਖੋ:

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

CSS ਸੂਚੀਕਰਣ:outline-style ਗੁਣ

HTML DOM ਸੂਚੀਕਰਣ:outline ਗੁਣ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

<div> ਏਲੀਮੈਂਟ ਦੇ ਚੱਕਰ ਵਿੱਚ ਸਰਲ ਕਿਰਦ ਜੋੜੋ:

document.getElementById("myDiv").style.outlineStyle = "solid";

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

ਉਦਾਹਰਣ 2

<div> ਏਲੀਮੈਂਟ ਦੀ ਕਿਰਦ ਸਟਾਈਲ ਬਦਲੋ:

document.getElementById("myDiv").style.outlineStyle = "solid";

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

ਉਦਾਹਰਣ 3

ਵਾਪਸ <div> ਏਲੀਮੈਂਟ ਦੀ ਕਿਰਦ ਸਟਾਈਲ ਦਿਸਾਇਆ ਜਾਵੇਗਾ:

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

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

ਉਦਾਹਰਣ 4

ਸਾਰੇ ਵੱਖ-ਵੱਖ ਮੁੱਲਾਂ ਦੀ ਪ੍ਰਦਰਸ਼ਨਾ:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;

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

ਗਣਤਰ

outlineStyle ਗੁਣ ਵਾਪਸ ਕੀਤਾ ਗਿਆ ਮੁੱਲ:

object.style.outlineStyle

outlineStyle ਗੁਣ ਸੈਟ ਕਰੋ:

object.style.outlineStyle = value

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
ਨਾਨੇ ਮੂਲ ਮੁੱਲ।ਪੂਰੀ ਕਿਰਦ ਨਾ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ。
hidden ਕਿਰਦ ਬੰਦ ਹੈ。
dotted ਦੋਹਰਾ ਕਿਰਦ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
dashed ਪਾਇਨਟ ਕਿਰਦ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
solid ਸਰਲ ਕਿਰਦ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
double ਦੁਵੱਲੀ ਕਿਰਦ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ।ਦੁਵੱਲੀ ਦੀ ਚੌੜਾਈ ਇਸ ਦੇ ਬਰਾਬਰ ਹੈ outline-width ਦੇ ਮੁੱਲ
groove 3D ਗੋਲਾਕਾਰ ਕਿਰਦ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ।ਇਹ ਪ੍ਰਭਾਵ 3D ਤੋਂ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 outline-color ਮੁੱਲ
ridge 3D ਕੌਂਕਰ ਕਿਰਦ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ।ਇਹ ਪ੍ਰਭਾਵ 3D ਤੋਂ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 outline-color ਮੁੱਲ
inset 3D ਗੋਲਾਕਾਰ ਕਿਰਦ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ।ਇਹ ਪ੍ਰਭਾਵ 3D ਤੋਂ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 outline-color ਮੁੱਲ
outset 3D ਬੁਟੇਲ ਕਿਰਦ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ।ਇਹ ਪ੍ਰਭਾਵ 3D ਤੋਂ ਨਿਰਭਰ ਕਰਦਾ ਹੈ。 outline-color ਮੁੱਲ
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ।ਦੇਖੋ initial.
inherit ਆਪਣੇ ਮਾਤਾ ਏਲੀਮੈਂਟ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਇਨਹੈਰਿਟ ਕਰੋ।ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: ਨਾਨੇ
ਵਾਪਸ ਕੀਤਾ ਗਿਆ ਮੁੱਲ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਏਲੀਮੈਂਟ ਕਿਰਦ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੀ ਹੈ。
CSS ਸੰਸਕਰਣ: CSS2

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

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