CSS టెక్స్ట్-ఆరియెంటేషన్ అట్రిబ్యూట్
- ముందుపాటి పేజీ text-justify
- తదుపరి పేజీ text-overflow
నిర్వచనం మరియు ఉపయోగం
text-orientation
అక్షరాల దిశను నిర్వచిస్తుంది.
ముందుకు చూడండి:మాత్రమే ఉపయోగించబడదగినది కావాలి వార్తలు వ్రాయబడిన పదబంధం విలువకు అనుగుణంగా ఉండాలి. writing-mode వికల్పంగా ఉపయోగించబడదగినది.
ప్రాయోగిక ఉదాహరణ
ఉదాహరణ 1
వివిధ <div> మేలాలకు పదబంధాన్ని సెట్ చేయండి:
div.a { text-orientation: mixed; } div.b { text-orientation: upright; }
ఉదాహరణ 2
text-orientation
ఈ లక్షణం పట్టిక హెడర్ల దిశను మార్చడానికి ఉపయోగించబడతాయి:
th { writing-mode: vertical-lr; text-orientation: upright; }
CSS సంకేతాలు
text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;
లక్షణ విలువ
విలువ | వివరణ |
---|---|
మిక్సెడ్ | అక్షరాలు పూర్వముఖం గా చక్రం చుట్టి పరిణామం చెందుతాయి. |
అప్రమేయ విలువ. | అక్షరాలు చక్రం చుట్టి పరిణామం చెందకుండా ఉంచబడతాయి. |
sideways | అక్షరాల దిశ వ్రాటింగ్-మోడ్ విలువకు అనుగుణంగా పదబంధానికి సమానం, అంటే పదబంధానికి సమానంగా పూర్వముఖం గా పరిణామం చెందుతుంది అని అర్థం. |
sideways-right | sideways లక్షణానికి సమానం. సహకారం కోసం ఉంచబడింది。 |
use-glyph-orientation | SVG మేలాలకు ఉపయోగించబడుతుంది, ఇది ఉపయోగించబడని SVG లక్షణాలు glyph-orientation-vertical మరియు glyph-orientation-horizontal ను పారంపర్యం చేసుకుంటుంది మరియు పదబంధాన్ని పారంపర్యం చేసుకుంటుంది。 |
ఇనిశియల్ | ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. ఈ కి సంబంధించి చూడండి: ఇనిశియల్。 |
ఇన్హెరిట్ | ఈ లక్షణాన్ని తన పేర్వర్తి నుండి పారంపర్యం చేసుకుంటుంది. ఈ కి సంబంధించి చూడండి: ఇన్హెరిట్。 |
సాంకేతిక వివరాలు
అప్రమేయ విలువ: | మిక్సెడ్ |
---|---|
పారంపర్యం లేదా పరిమితం కాకుండా మద్దతు ఇస్తుంది: | అవును |
అనిమేషన్ తయారీ: | మద్దతు లేదు. దయచేసి ఈ కి సంబంధించి చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు。 |
వెర్షన్: | CSS3 |
జావాస్క్రిప్ట్ సంకేతాలు: | object.style.textOrientation="upright" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్ వెర్షన్ను సూచిస్తాయి。
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
---|---|---|---|---|
48.0 | 79.0 | 41.0 | 14.0 | 35.0 |
相关页面
- ముందుపాటి పేజీ text-justify
- తదుపరి పేజీ text-overflow