CSS బొర్డర్‌బాటమ్‌స్టైల్ అట్రిబ్యూట్

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

border-bottom-style 设置元素下边框的样式。

ఈ విలువ �none కాదు అయితే కొన్ని బ్రౌజర్లలో కినరం కనిపించవచ్చు.

CSS1 లో, HTML యూజర్ ఏజెంట్లు కేవలం solid మరియు none ను మద్దతు ఇవ్వాల్సి ఉంటాయి.

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

CSS శిక్షణCSS బార్డర్

CSS సందర్భానుసారం గైడ్border-bottom లక్షణం

HTML DOM సందర్భానుసారం గైడ్borderBottomStyle లక్షణం

ఉదాహరణ

క్రింది కినరం స్టైల్ని సెట్ చేయండి:

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

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

CSS సంకేతపతం

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

లక్షణ విలువ

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

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

అప్రమేయ విలువ: not specified
పారంతరించు తాలూకు విషయం: no
వెర్షన్: CSS1
JavaScript సంకేతపతం: object.style.borderBottomStyle="dotted"

మరిన్ని ఉదాహరణలు

క్రింది కినరం స్టైల్ని సెట్ చేయడం
క్రింది కినరం స్టైల్ని ఎలా సెట్ చేయాలనే ఉదాహరణ ఇస్తుంది.

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2