CSS బార్డర్ రైట్ స్టైల్ అట్రిబ్యూట్
- పూర్వ పేజీ border-right-color
- తదుపరి పేజీ border-right-width
నిర్వచనం మరియు ఉపయోగం
border-right-style అనేది ఎల్లి కుడి బార్డర్ శైలిని అమర్చుతుంది.
ఈ విలువ �none కాదు అయితే బార్డర్ కనిపించవచ్చు.
CSS1 లో, HTML యూజర్ ఏజెంట్లు కేవలం solid మరియు none ను మద్దతు ఇవ్వాలి.
మరింత చూడండి:
CSS శిక్షణా పుస్తకం:CSS బార్డర్
CSS పరిశీలన పుస్తకం:border-right లక్షణం
HTML DOM పరిశీలన పుస్తకం:borderRightStyle లక్షణం
ఉదాహరణ
కుడి కాంతి శైలిని అమర్చండి:
p { border-style:solid; border-right-style:dotted; }
CSS సంకేతాలు
border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
లక్షణ విలువ
విలువ | వివరణ |
---|---|
none | బార్డర్ లేని నిర్వచించండి. |
hidden | none తో అదే. కానీ పట్టికలో వినియోగించకుండా, పట్టికలో బార్డర్ సంఘర్షణను పరిష్కరించడానికి hidden వినియోగించబడుతుంది. |
dotted | dotted నిర్వచించండి. అత్యంత బ్రౌజర్లలో సోలిడ్ గా ప్రదర్శించబడుతుంది. |
dashed | dashed నిర్వచించండి. అత్యంత బ్రౌజర్లలో సోలిడ్ గా ప్రదర్శించబడుతుంది. |
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.borderRightStyle="dotted" |
మరిన్ని ఉదాహరణలు
- కుడి కాంతి శైలిని అమర్చండి
- కుడి కాంతి శైలిని ఎలా అమర్చాలనే ఈ ఉదాహరణ చూపుతుంది.
బ్రౌజర్ మద్దతు
పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి.
క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- పూర్వ పేజీ border-right-color
- తదుపరి పేజీ border-right-width