CSS bottom అట్రిబ్యూట్
- ముంది పేజీ border-width
- తరువాత పేజీ box-decoration-break
定义和用法
bottom 属性规定元素的底部边缘。该属性定义了定位元素下外边距边界与其包含块下边界之间的偏移。
ప్రకటన:ప్రత్యేకంగా "position" లక్షణం "static" విలువను పొందితే, "bottom" లక్షణం యొక్క ప్రభావం లేదు.
వివరణ
static ప్రాంతంలో ప్రాంతం auto; పొడవు విలువలో అదే అబద్ధ పొడవు; శతల విలువలో పేర్కొన్న విలువ; మరియు మిగతా కాని కేసుల్లో auto.
ప్రత్యేకంగా నిర్వచించబడిన ప్రాంతంలో ఉన్నటువంటి bottom మరియు top రెండూ auto అయితే, వాటి యొక్క గణనా విలువలు రెండూ 0 అవుతాయి; అలాగే ఒకటి మాత్రమే auto అయితే, మరొక విలువను పోల్చి వాటి విలువలను పోల్చవచ్చు; అలాగే రెండూ కాని auto అయితే, bottom విలువను top విలువలోని విలువలో పొందించవచ్చు.
మరింత చూడండి:
CSS శిక్షణ:CSS స్థానాలు
HTML DOM సందర్భాల పరిశీలన:bottom లక్షణం
ఉదాహరణ
చిత్రం యొక్క ప్రాంతం నుండి ప్రాంతం యొక్క ప్రాంతం పైన ప్రాంతం యొక్క ప్రాంతం పైన 5 పిక్సెల్లకు అమర్చండి:
img
{
position:absolute;
bottom:5px;
}
CSS సంకేతాలు
bottom: auto|length|initial|inherit;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| auto | అప్రమేయ విలువ. బ్రౌజర్ ద్వారా ప్రాంతం నిర్ణయించబడుతుంది. |
| % | ప్రాంతం నిర్ణయించడానికి ప్రాంతం యొక్క శతల చదరంలో ఉపయోగించవచ్చు. నిరాకరణలను ఉపయోగించవచ్చు. |
| length | పిక్సెల్, సెంటీమీటర్ మొదలైన ఇతర యూనిట్లతో ప్రాంతం నిర్ణయించండి. నిరాకరణలను ఉపయోగించవచ్చు. |
| inherit | ప్రత్యేకంగా పొందిన ప్రాంతం నుండి bottom లక్షణాన్ని పూర్తిగా పారంతరించాలి. |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | auto |
|---|---|
| పారంతరత్వం: | no |
| సంస్కరణ: | CSS2 |
| JavaScript సంకేతాలు: | object.style.bottom="50px" |
మరిన్ని ఉదాహరణలు
- చిత్రం బెట్టి ప్రాంతాన్ని పిక్సెల్ విలువలో అమర్చడానికి ఉపయోగించండి
- ఈ ఉదాహరణలో చిత్రం బెట్టి ప్రాంతాన్ని పిక్సెల్ విలువలో అమర్చడాన్ని చూడండి.
- చిత్రం బెట్టి ప్రాంతాన్ని శతల చదరంలో అమర్చడానికి ఉపయోగించండి
- ఈ ఉదాహరణలో చిత్రం బెట్టి ప్రాంతాన్ని శతల చదరంలో అమర్చడాన్ని చూడండి.
బ్రౌజర్ మద్దతు
పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ సంస్కరణను పేర్కొంది.
| క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
- ముంది పేజీ border-width
- తరువాత పేజీ box-decoration-break
