CSS overflow-x అట్రిబ్యూట్
- ముంది పేజీ overflow-wrap
- తరువాత పేజీ overflow-y
నిర్వచనం మరియు ఉపయోగం
overflow-x అంశం కంటెంట్ యొక్క ఎడమ/కుడి సరిహద్దులను కట్టడానికి లేదా అయితే సరిగ్గా ఉండదు నిర్ణయిస్తుంది.
హింసాత్మకం గా లేదా సిఫార్సు లేదా వినియోగదారు ప్రతిస్పందన కోసం ఉపయోగించండి:హింసాత్మకం గా లేదా సిఫార్సు లేదా వినియోగదారు ప్రతిస్పందన కోసం ఉపయోగించండి: overflow-y ఉపయోగించండి
అంశం ద్వారా పై/క్రింద సరిహద్దులను నిర్ణయించడం.CSS పెరిగిపోవడం
HTML DOM పరిశీలన పాఠ్యక్రమం:overflowX అంశం
ఉదాహరణ
డివ్ ఎలిమెంట్ లో కంటెంట్ యొక్క ఎడమ/కుడి సరిహద్దులను కట్టడం - సరిగ్గా లేకపోతే అయితే సరిగ్గా ఉండదు:
div
{
overflow-x:hidden;
}
CSS సంకేతాలు
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
అంశం విలువ
| విలువ | వివరణ | పరీక్ష |
|---|---|---|
| visible | కంటెంట్ కొరత కారణంగా కంటెంట్ బాక్స్ బాహ్యంగా చూపబడవచ్చు. | పరీక్ష |
| hidden | కంటెంట్ కొరత కారణంగా స్క్రోల్ యంత్రాన్ని అందించకుండా ఉంచు. | పరీక్ష |
| scroll | కంటెంట్ కొరత కారణంగా స్క్రోల్ యంత్రాన్ని అందించు. | పరీక్ష |
| auto | మరగుపెట్టబడిన బాక్స్ అయితే స్క్రోల్ యంత్రాన్ని అందించాలి. | పరీక్ష |
| no-display | అంతర్భాగం కంటెంట్ బాక్స్ కంటే సరిగ్గా లేకపోతే మొత్తం బాక్స్ ని తొలగించు. | పరీక్ష |
| no-content | అంతర్భాగం కంటెంట్ బాక్స్ కంటే సరిగ్గా లేకపోతే మొత్తం అంతర్భాగాన్ని మరగుపెట్టు. | పరీక్ష |
సాంకేతిక వివరాలు
| అప్రమేయం: | visible |
|---|---|
| పారంతరణాత్మకత: | no |
| వెర్షన్: | CSS3 |
| JavaScript సంకేతాలు: | object.style.overflowX="scroll" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు దాని అంశాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ని నిర్దేశిస్తాయి.
ముంది వెర్షన్ ప్రిఫిక్స్ వాడబడుతుంది అనే మాటలతో సంకేతించే సంఖ్యలు.
| క్రోమ్ | ఐఇ / ఎండ్జె | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
- ముంది పేజీ overflow-wrap
- తరువాత పేజీ overflow-y
