CSS బొర్డర్-బాటమ్-లెఫ్ట్-రేడియస్ అట్రిబ్యూట్

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

border-bottom-left-radius లక్షణం పూర్వ ప్రకోణం సరిహద్దు రూపం ను నిర్వచిస్తుంది.

చేతులు చూపించండి:ఈ లక్షణం మీరు కంపోనెంట్కు గుండ్ర సరిహద్దు పట్టిక జోడించేందుకు అనుమతిస్తుంది.

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

CSS3 పాఠ్యక్రమం:CSS3 బార్డర్

ఉదాహరణ

div కంపోనెంట్ పూర్వ ప్రకోణం మూలాలకు గుండ్ర సరిహద్దు పట్టిక జోడించండి:

div
{
border:2px solid;
border-bottom-left-radius:2em;
}

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

CSS సంకేతపత్రం

border-bottom-left-radius: length|% [length|%];

ప్రకటన:border-bottom-left-radius లక్షణం పొడవు విలువలు మరియు శతలభాగాల విలువలు నాలుగు భూతాకారపు స్పర్ధించే రేఖారేఖలను (బాహ్య సరిహద్దు మూలాల రూపం ను నిర్వచిస్తాయి) రేఖారేఖలను నిర్వచిస్తాయి. మొదటి విలువ అడుగురేఖారేఖల పొడవు ఉంటుంది, రెండవ విలువ ప్రకోణం పొడవు ఉంటుంది. రెండవ విలువను విడిచిపెట్టితే మొదటి విలువను కాపాడుతారు. పొడవు నిరంతరం ఉంటే ప్రకోణం కోటి రూపం లేదా క్రూర రూపం లేదు. అడుగురేఖారేఖల పొడవు శతలభాగం బాహ్య పరికర వెడల్పును పరిగణిస్తారు, ప్రకోణం పొడవు శతలభాగం బాహ్య పరికర పొడవును పరిగణిస్తారు.

లక్షణ విలువ

విలువ వివరణ పరీక్ష
length పూర్వ ప్రకోణం రూపం ను నిర్వచిస్తారు. పరీక్ష
% పూర్వ ప్రకోణం రూపం ను శతలభాగాల లో నిర్వచిస్తారు. పరీక్ష

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

అప్రమేయ విలువ: 0
పారంతరణ లక్షణం: no
సంస్కరణ: CSS3
JavaScript సంకేతపత్రం: object.style.borderBottomLeftRadius="5px"

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

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

ప్రత్యేకంగా -webkit- లేదా -moz- ఉన్న సంఖ్యలు ప్రథమ సంస్కరణలో ప్రత్యేకతను చూపుతాయి.

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5