Style outline 属性

定义和用法

outline 属性以简写形式设置或返回所有轮廓属性。

通过此属性，您可以设置/返回以下一项或多项（以任意顺序）：

轮廓是围绕元素的一条线。它显示在元素的外边距周围。但是，它与 border 属性 不同。

轮廓不是元素尺寸的一部分，因此元素的宽度和高度属性不包含轮廓的宽度。

మరింత చూడండి:

CSS శిక్షణా పత్రికCSS ఆఉట్లైన్

CSS పరిశీలనా పత్రికసింహాసనం అట్టిపట్టు

ఉదాహరణ

ఉదాహరణ 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);

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

సంకేతాలు

సింహాసనం అట్టిపట్టు తిరిగి వచ్చే విలువ:

ఆబ్జెక్ట్.style.outline

సింహాసనం అట్టిపట్టు సెట్ చేస్తుంది:

ఆబ్జెక్ట్.style.outline = "వెడల్పు స్టైల్ కలర్|ఇనిశియల్|ఇన్హెరిట్"

అట్టిపట్టు విలువ

విలువ వివరణ
వెడల్పు సింహాసనం వెడల్పు సెట్ చేస్తుంది.
స్టైల్ సింహాసనం శైలి సెట్ చేస్తుంది.
కలర్ సింహాసనం రంగు సెట్ చేస్తుంది.
ఇనిశియల్ ఈ సింహాసనం మూల విలువకు సెట్ చేస్తుంది. చూడండి ఇనిశియల్.
ఇన్హెరిట్ తన పేరిట సింహాసనం లభ్యము చేస్తుంది. చూడండి ఇన్హెరిట్.

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

మూల విలువ: మీడియం నాన్ ఇన్వర్ట్
తిరిగి వచ్చే విలువ: పదబంధం ప్రతిపాదిస్తుంది సింహాసనం వెడల్పు, శైలి మరియు/లేదా రంగు.
CSS వెర్షన్: CSS2

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

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