CSS టెక్స్ట్-ఓవర్ఫ్లో అట్రిబ్యూట్
- పూర్వ పేజీ text-orientation
- తదుపరి పేజీ text-shadow
నిర్వచనం మరియు వినియోగం
text-overflow అట్టికె విలువ బ్రౌజర్లో టెక్స్ట్ ఓవర్ఫ్లో అయినప్పుడు జరిగే పనిని నిర్ణయిస్తుంది.
మరింత చూడండి:
CSS3 పాఠ్యక్రమం:CSS3 టెక్స్ట్ ప్రభావం
HTML DOM పరిచయం పత్రికtextOverflow అట్టికె విలువ
ఉదాహరణ
text-overflow అట్టికె విలువ వాడండి:
div.test { text-overflow:ellipsis; }
పేజీ కిందికి మరిన్ని ఉదాహరణలు ఉన్నాయి.
CSS సంకేతం
text-overflow: clip|ellipsis|string;
అట్టికె విలువ
విలువ | వివరణ | పరీక్షించు |
---|---|---|
clip | టెక్స్ట్ కట్చబడింది | పరీక్షించు |
పదునెలుపు సూచకం | కట్చబడిన టెక్స్ట్ని ప్రతినిధీకరించుటకు సూచకంగా పదునెలుపు సూచకం చూపించవచ్చు. | పరీక్షించు |
string | కట్చబడిన టెక్స్ట్ని ప్రతినిధీకరించుటకు ఇచ్చిన స్ట్రింగ్ వాడవచ్చు. |
సాంకేతిక వివరాలు
అప్రమేయ విలువ: | clip |
---|---|
పారంతరణ స్థితి: | no |
వెర్షన్: | CSS3 |
జావాస్క్రిప్ట్ సంకేతం: | object.style.textOverflow="ellipsis" |
మరిన్ని ఉదాహరణలు
- హోవర్ ప్రభావం కలిగిన టెక్స్ట్-ఓవర్ఫ్లో
- కర్సర్ ఎలమెంట్లపై రంగానికి ప్రయోగించిన పదాలను ఎలా ప్రదర్శించాలి ఈ ఉదాహరణ చూపుతుంది.
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ వెర్షన్ని పేర్కొంటాయి.
ప్రీఫిక్స్ వాల్యూస్ మొదటి వెర్షన్ ని సూచించుటకు -o- అనే సంఖ్యలను వాడవచ్చు.
క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
---|---|---|---|---|
4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -o- |
- పూర్వ పేజీ text-orientation
- తదుపరి పేజీ text-shadow