CSS బొర్డర్‌బోటమ్ అట్రిబ్యూట్
- పూర్వ పేజీ border-block-width
- తదుపరి పేజీ border-bottom-color
నిర్వచనం మరియు వినియోగం
border-bottom సంక్షిప్త అనుపాతం క్రింది కినరి అనుపాతాలను ఒకే వాక్యంలో అమర్చుతుంది.
క్రమంగా క్రింది అనుపాతాలను అమర్చవచ్చు:
ఏ విలువను కూడా అమర్చకపోయినా, కొన్ని ఉదాహరణలు బాడర్ బోటమ్: సాలిడ్ #ff0000; కూడా అనుమతించబడింది.
మరియు చూడండి:
CSS శిక్షణా పత్రికCSS బార్డర్
HTML DOM పరిశీలన పత్రికborderBottom అనుపాతం
ఉదాహరణ
క్రింది కినరి శైలిని అమర్చండి:
p
{
border-style:solid;
border-bottom:thick dotted #ff0000;
}
CSS సంకేతం
border-bottom: border-width border-style border-color|initial|inherit;
అనుపాతం విలువ
| విలువ | వివరణ |
|---|---|
| border-bottom-width | పేర్కొన్న పరిణామం నుండి క్రింది కినరి వెడల్పును నిర్ధారించండి. చూడండి:border-bottom-width అనేక విలువలు ఉన్నాయి. |
| border-bottom-style | పేర్కొన్న పరిణామం నుండి క్రింది కినరి శైలిని నిర్ధారించండి. చూడండి:border-bottom-style అనేక విలువలు ఉన్నాయి. |
| border-bottom-color | పేర్కొన్న పరిణామం నుండి క్రింది కినరి రంగును నిర్ధారించండి. చూడండి:border-bottom-color అనేక విలువలు ఉన్నాయి. |
| inherit | ప్రత్యేకంగా పేర్కొన్న పరిణామం నుండి బాడర్ బోటమ్ అనుపాతాన్ని పారంతర్యం చేయాలని నిర్ధారించబడింది. |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | not specified |
|---|---|
| పారంతర్యం: | no |
| సంస్కరణ: | CSS1 |
| JavaScript సంకేతం: | object.style.borderBottom="3px solid blue" |
ఇతర ఉదాహరణలు
- క్రింది కినరి అనుపాతాలను ఒకే వాక్యంలో
- ఈ ఉదాహరణలో, అన్ని క్రింది కినరి అనుపాతాన్ని ఒకే వాక్యంలో అమర్చే కుదించిన అనుపాతాన్ని చూపిస్తుంది.
బ్రౌజర్ మద్దతు
పట్టికలో పేర్కొన్న సంఖ్యలు ఈ అనుపాతాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను పేర్కొన్నాయి.
| క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
ప్రత్యామ్నాయంగా అనువర్తనంగా అనువాదం:IE7 మరియు ఆందుకు ముంది వెబ్ బ్రౌజర్లు "inherit" విలువను మద్దతు చేయవు. IE8 కొరకు !DOCTYPE అవసరం. IE9 "inherit" విలువను మద్దతు చేస్తుంది.
- పూర్వ పేజీ border-block-width
- తదుపరి పేజీ border-bottom-color
