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

నిర్వచనం మరియు ఉపయోగం

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

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

ప్రకటనలు:请始终在 outline-color 属性之前声明 outline-style 属性。元素只有获得轮廓以后才能改变其轮廓的颜色。

ప్రకటనలు:ఆకృతి రేఖలు స్థలాన్ని కలుగదు, కానీ అది రెండురేఖలు కాకపోవచ్చు.

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

CSS పాఠ్యక్రమం:CSS ఆక్షరం హీర్నింగ్

CSS పరిశీలన పత్రిక:outline అంశం

HTML DOM పరిశీలన పత్రిక:outlineStyle అంశం

ఉదాహరణ

ఆకృతి శైలిని అమర్చండి:

p
  {
  outline-style:dotted;
  }

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

CSS సంకేతాలు

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

అంశ విలువ

విలువ వివరణ
none అప్రమేయ. కొత్త ఆకృతి లేదా కానీ కానీ ఆకృతి లేదు నిర్వచిస్తుంది.
hidden దాగిన ఆకృతి పరిధిని నిర్వచిస్తుంది.
dotted పంజాలు ఉన్న ఆకృతి పరిధిని నిర్వచిస్తుంది.
dashed వరుసలు ఉన్న ఆకృతి పరిధిని నిర్వచిస్తుంది.
solid సరళ ఆకృతి పరిధిని నిర్వచిస్తుంది.
double రెండు రేఖలతో ఆకృతి పరిధిని నిర్వచిస్తుంది. రెండు రేఖల వెడల్పన ఆయని ఆకృతి వెడల్పన విలువకు సమానంగా ఉంటుంది.
groove 3D పుంజుగా ప్రక్కపెట్టబడిన ఆకృతి పరిధిని నిర్వచిస్తుంది. ఈ ప్రభావం outline-color విలువకు ఆధారపడి ఉంటుంది.
ridge 3D పుంజుగా ప్రక్కపెట్టబడిన ఆకృతి పరిధిని నిర్వచిస్తుంది. ఈ ప్రభావం outline-color విలువకు ఆధారపడి ఉంటుంది.
inset 3D పుంజుగా ప్రక్కపెట్టబడిన ఆకృతి పరిధిని నిర్వచిస్తుంది. ఈ ప్రభావం outline-color విలువకు ఆధారపడి ఉంటుంది.
outset 3D పుంజుగా ఆకృతి పరిధిని నిర్వచిస్తుంది. ఈ ప్రభావం outline-color విలువకు ఆధారపడి ఉంటుంది.
inherit ప్రకృతిలో ప్రాతిపదికన పెరింట్ ఆకృతి శైలిని అమర్చడానికి నిర్దేశించబడింది.

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

అప్రమేయ విలువ: none
పారంతరిక తత్వం: no
వెర్షన్: CSS2
JavaScript సంకేతాలు: object.style.outlineStyle="dotted"

TIY ఉదాహరణ

ఆకృతి శైలిని అమర్చడం
ఈ ఉదాహరణలో ఎలా ఆకృతి శైలిని అమర్చాలనేది చూపిస్తుంది.

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

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

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 8.0 1.5 1.2 7.0

ప్రకటనలు:ప్రకృతిలో !DOCTYPE నిర్ధారించినట్లయితే, IE8 ఆయని ఆకృతి అంశాన్ని మద్దతు ఇస్తుంది.