CSS బార్డర్ లెఫ్ట్ స్టైల్ అట్రిబ్యూట్

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

border-left-style ఇందులో బార్డర్ ఎడమ కాంతి స్టైల్ని అమర్చుతుంది.

ఈ విలువ �none కాదితే బార్డర్ కనిపించవచ్చు.

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

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

CSS శిక్షణ పాఠ్యక్రమం:CSS బోర్డర్

CSS పరిశీలన పాఠ్యక్రమం:border-left లక్షణం

HTML DOM పరిశీలన పాఠ్యక్రమం:borderLeftStyle లక్షణం

ఉదాహరణ

ఎడమ కాంతి స్టైల్ని అమర్చండి:

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

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

CSS విధానం

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

లక్షణ విలువ

విలువ వివరణ
none no బార్డర్ని నిర్వచిస్తుంది.
hidden none తో అదే. కానీ పట్టికలకు అనువందిన పరిస్థితిలో పరిమితం. పట్టికకు హిడ్డెన్ ఉపయోగించబడుతుంది బార్డర్ సంఘర్షణను పరిష్కరించడానికి.
dotted dot బార్డర్ని నిర్వచిస్తుంది. చాలా బ్రౌజర్లలో ఇది solid గా ప్రదర్శించబడుతుంది.
dashed dashed నిర్వచిస్తుంది. చాలా బ్రౌజర్లలో ఇది solid గా ప్రదర్శించబడుతుంది.
solid 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.borderLeftStyle="dotted"

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

ఎడమ కాంతి స్టైల్ని అమర్చడం
ఎలా ఎడమ కాంతి స్టైల్ని అమర్చడాన్ని ఈ ఉదాహరణ ప్రదర్శిస్తుంది。

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

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

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 5.5 1.0 1.0 9.2