CSS ఆఉట్లైన్-వైడ్ అట్రిబ్యూట్

定义和用法

outline-width 属性设置元素整个轮廓的宽度，只有当轮廓样式不是 none 时，这个宽度才会起作用。如果样式为 none，宽度实际上会重置为 0。不允许设置负长度值。

outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性设置元素周围的轮廓线。

పేర్కొనుటలు:ప్రత్యేకంగా outline-width అటారీటీ ముందు ప్రకటించిన పెరిఫెరల్ కోన్స్ట్రైట్ స్టైల్ అటారీటీని ప్రకటించండి. పెరిఫెరల్ కోన్స్ట్రైట్ స్టైల్ మార్చడానికి పెరిఫెరల్ కోన్స్ట్రైట్ అనుసరించబడుతుంది.

పేర్కొనుటలు:పెరిఫెరల్ కోన్స్ట్రైట్ పడినది స్థలాన్ని కలిగి ఉండదు, కాబట్టి సరిగ్గా చతురస్రాకారం కాదు.

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

CSS శిక్షణ పఠ్యం:CSS కార్నర్

CSS సంపూర్ణ పరిశీలన హాన్డ్బుక్:outline అటారీటీ

HTML DOM సంపూర్ణ పరిశీలన హాన్డ్బుక్:outlineWidth అటారీటీ

ఉదాహరణ

పెరిఫెరల్ కోన్స్ట్రైట్ రంగును ఏర్పాటు చేయండి:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

నేను ప్రయత్నించాను

CSS సంకేతాలు

outline-width: medium|thin|thick|length|initial|inherit;

అటారీటీ విలువ

విలువ వివరణ
సాధారణ పెరిఫెరల్ కోన్స్ట్రైట్ వెడతను ప్రక్రియా లోపల పెరిగించడానికి ప్రక్రియా అనుసరిస్తుంది. సాధారణ
medium మూల విలువ. మధ్యమ పెరిఫెరల్ కోన్స్ట్రైట్ వెడతను ప్రక్రియా లోపల పెరిగించడానికి ప్రక్రియా అనుసరిస్తుంది.
thick కఠినమైన పెరిఫెరల్ కోన్స్ట్రైట్ వెడతను ప్రక్రియా లోపల పెరిగించడానికి ప్రక్రియా అనుసరిస్తుంది.
length మీరు పెరిఫెరల్ కోన్స్ట్రైట్ వెడతను ప్రక్రియా లోపల పెరిగించడానికి అనుమతిస్తుంది.
inherit ప్రక్రియ ప్రకారం పెరిఫెరల్ కోన్స్ట్రైట్ వెడతను ప్రక్రియా లోపల పెరిగించడానికి ప్రక్రియా అనుసరిస్తుంది.

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

మూల విలువ medium
వారిశ్రామకత: no
వెర్షన్: CSS2
JavaScript సంకేతాలు: object.style.outlineWidth="సాధారణ"

TIY ఉదాహరణ

పెరిఫెరల్ కోన్స్ట్రైట్ వెడతను ఏర్పాటు చేయండి
దాని పెరిఫెరల్ కోన్స్ట్రైట్ వెడతను ఏర్పాటు చేయండి ఈ ఉదాహరణ ప్రదర్శిస్తుంది.

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

పట్టికలో ఉన్న సంఖ్యలు ఈ అటారీటీని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ను పేర్కొంది.

క్రోమ్ ఐఇ అండ్ ఎజెక్స్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 8.0 1.5 1.2 7.0

పేర్కొనుటలు:ప్రకటించబడిన !DOCTYPE ఉన్నట్లయితే, IE8 ఆక్స్పోర్ట్ అటారీటీ ప్రాపర్టీని మద్దతు చేస్తుంది.