CSS బార్డర్ టాప్ లెఫ్ట్ రైట్ రేడియస్ అట్రిబ్యూట్
- ముంది పేజీ border-top-color
- తదుపరి పేజీ border-top-right-radius
నిర్వచనం మరియు వినియోగం
border-top-left-radius లక్షణం ఎడమ మేరుబాగు బార్డర్ కర్ణాల రూపాంతరాన్ని నిర్వచిస్తుంది.
సలహా:ఈ లక్షణం మీరు ఎల్లా అంశానికి కర్ణాలు జోడించడానికి అనుమతిస్తుంది.
మరియు చూడండి:
CSS3 శిక్షణCSS3 బార్డర్
ఉదాహరణ
div కేంద్రకం యొక్క ఎడమ మేరుబాగు రూపం ప్రత్యేకంగా కర్ణాలు జోడించండి:
div
{
border:2px solid;
border-top-left-radius:2em;
}
CSS సంకేతపత్రం
border-bottom-right-radius: length|% [length|%];
అన్నారు:border-top-left-radius లక్షణం పొడవు విలువలు మరియు శతకాంశాలు నాలుగు వెలుపలి వెలుపలి కర్ణాలను నిర్వచిస్తాయి (వెలుపలి బార్డర్ కాంకరాల రూపాంతరాన్ని నిర్వచిస్తాయి). మొదటి విలువ హోరిజంటల్ రేడియస్ గా ఉంటుంది, రెండవ విలువ వెర్టికల్ రేడియస్ గా ఉంటుంది. రెండవ విలువను తప్పించినట్లయితే, మొదటి విలువను కాపించబడుతుంది. పొడవు సున్నా అప్రమేయంగా ఉన్నట్లయితే, కోణం స్కూల్ కాగా చక్రం కాదు. హోరిజంటల్ రేడియస్ శతకాంశాలు బార్డర్ బాక్స్ వెడల్పును పరిగణిస్తాయి, వెర్టికల్ రేడియస్ శతకాంశాలు బార్డర్ బాక్స్ పొడవును పరిగణిస్తాయి.
లక్షణ విలువ
| విలువ | వివరణ | పరీక్ష |
|---|---|---|
| length | ప్రతిపాదిత శతకాంశం ద్వారా డాక్యుమెంట్ లోపల డాక్యుమెంట్ పై రంగం రూపాంతరం చేయబడుతుంది. | పరీక్ష |
| % | ప్రతిపాదిత శతకాంశం ద్వారా డాక్యుమెంట్ లోపల డాక్యుమెంట్ పై రంగం రూపాంతరం చేయబడుతుంది. | పరీక్ష |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | 0 |
|---|---|
| పారంతరణ లక్షణం: | లేదు |
| వెర్షన్: | CSS3 |
| JavaScript సంకేతపత్రం: | object.style.borderTopLeftRadius="5px" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ని చెప్పుతాయి.
| క్రోమ్ | IE / ఎండ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 5.0 4.0 -webkit- |
9.0 | 4.0 3.0 -moz- |
5.0 3.1 -webkit- |
10.5 |
- ముంది పేజీ border-top-color
- తదుపరి పేజీ border-top-right-radius
