శైలి outlineStyle విధానం

నిర్వహణ మరియు వినియోగం

outlineStyle అంశం చుట్టూ పట్టిక శైలిని అందించడానికి లేదా అందించడానికి విధానం అందిస్తుంది.

రూపం అంశం చుట్టూ ఒక పట్టిక ఉంది. ఇది అంశం పొరపున చుట్టూ చూడబడుతుంది. కానీ, ఇది కింది అంశం విధానం వివిధం.

రూపం అంశం పరిమాణం భాగంగా లేదు, కాబట్టి అంశం వెడల్పు మరియు పొడవు అంశాలు కింది రూపం వెడల్పును చేర్చబడలేదు.

另请参阅：

CSS 教程：CSS 轮廓

CSS 参考手册：outline-style 属性

HTML DOM 参考手册：HTML DOM పరిశీలన పత్రిక

ఆక్స్లైన్ లక్షణం

ఉదాహరణ

ఉదాహరణ 1

డివ్ ఎలిమెంట్ యొక్క కవర్నర్ స్టైల్ ని మార్చండి:

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

డివ్ ఎలిమెంట్ చుట్టూ సోలిడ్ కవర్నర్ జోడించండి:

ఉదాహరణ 2

డివ్ ఎలిమెంట్ యొక్క కవర్నర్ స్టైల్ ని మార్చండి:

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

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

ఉదాహరణ 3

డివ్ ఎలిమెంట్ యొక్క కవర్నర్ స్టైల్ ను తిరిగి పొందండి:

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

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

ఉదాహరణ 4

అన్ని విలువలకు ఉదాహరణలు:
వారి ఎంపిక చేసిన టాగ్ ను సెలెక్ట్ చేయండి:

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

స్వయంగా ప్రయోగించండి

సింటాక్స్

ఆక్స్లైన్ స్టైల్ లక్షణాన్ని సెట్ చేయండి:ఆక్స్లైన్ స్టైల్ లక్షణాన్ని తిరిగి పొందండి:

.style.outlineStyle

ఆక్స్లైన్ స్టైల్ లక్షణాన్ని సెట్ చేయండి:ఆబ్జెక్ట్ .style.outlineStyle =

విలువ

లక్షణ విలువ విలువ
నాన్ వివరణ
అప్రమేయ. కవర్నర్ లేని నిర్వచిస్తుంది. హిడ్డెన్
కవర్నర్ మూసివుంటుంది. డాట్
డాట్ కవర్నర్ ని నిర్వచిస్తుంది. డాష్
డాష్ కవర్నర్ ని నిర్వచిస్తుంది. సోలిడ్
సోలిడ్ కవర్నర్ ని నిర్వచిస్తుంది. డబల్ డబల్ కవర్నర్ ని నిర్వచిస్తుంది. డబల్ వెడల్పు వెడల్పు సమానంగా ఉంటుంది. ఆక్స్లైన్-విడ్త్
విలువలు. 3D డిక్కుతిరిగి కవర్నర్ ని నిర్వచిస్తుంది. ఈ ప్రభావం ఈ విలువకు ఆధారపడి ఉంటుంది. ఆక్స్లైన్-కలర్ విలువలు.
రిడ్జ్ 3D రంధ్రకవర్నర్ ని నిర్వచిస్తుంది. ఈ ప్రభావం ఈ విలువకు ఆధారపడి ఉంటుంది. ఆక్స్లైన్-కలర్ విలువలు.
ఇన్సెట్ 3D డిక్కుతిరిగి కవర్నర్ ని నిర్వచిస్తుంది. ఈ ప్రభావం ఈ విలువకు ఆధారపడి ఉంటుంది. ఆక్స్లైన్-కలర్ విలువలు.
ఆఉట్సెట్ 3D అప్లెక్షన్ కవర్నర్ ని నిర్వచిస్తుంది. ఈ ప్రభావం ఈ విలువకు ఆధారపడి ఉంటుంది. ఆక్స్లైన్-కలర్ విలువలు.
ఇనిశియల్ ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి ఇనిశియల్.
ఇన్హెరిట్ తన పేరిట ఈ లక్షణాన్ని పారదర్శించు. చూడండి ఇన్హెరిట్.

సాంకేతిక వివరాలు

అప్రమేయ విలువ: నాన్
తిరిగి వచ్చే విలువ: పదబంధం స్ట్రింగ్ స్టైల్ ఎలిమెంట్ కవర్నర్ ను ప్రతినిధీకరిస్తుంది.
CSS వెర్షన్: CSS2

బ్రౌజర్ మద్దతు

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు