CSS వ్రిటింగ్-మోడ్ అట్రిబ్యూట్
నిర్వచనం మరియు వినియోగం
writing-mode లక్షణం వచన పంక్తులను హోరిజంటల్ లేదా వెర్టికల్ గా ఉంచడానికి నియమించడం
మరింత చూడండి:
CSS శిక్షణాలు:CSS టెక్స్ట్ ఇఫెక్ట్
ఉదాహరణ
వచన పంక్తులను హోరిజంటల్ లేదా వెర్టికల్ గా ఉంచడానికి నియమించండి:
p.test1 {
writing-mode: horizontal-tb;
}
p.test2 {
writing-mode: vertical-rl;
}
span.test2 {
writing-mode: vertical-rl;
}
CSS సంకేతాలు
writing-mode: horizontal-tb|vertical-rl|vertical-lr;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| horizontal-tb | ఎడమ నుండి కుడికి మరియు పైకి నుండి క్రిందకు వర్తించే విధంగా వచనాలను వర్తించండి. |
| vertical-rl | అంతర్గతం నుండి పైకి మరియు కుడి నుండి ఎడమకు వర్తించే విధంగా వచనాలను వర్తించండి. |
| vertical-lr | అంతర్గతం నుండి పైకి మరియు ఎడమ నుండి కుడికి వర్తించే విధంగా వచనాలను వర్తించండి. |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | horizontal-tb |
|---|---|
| పారంపర్యం చేయండి: | అవును |
| అనిమేషన్ తయారీ: | మద్దతు లేదు. దయచేసి ఈ కి మీద చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు. |
| సంస్కరణ: | CSS3 |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.writingMode="vertical-rl" |
బ్రౌజర్ మద్దతు
పట్టికలో వినియోగించబడిన సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి.
| క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 48.0 | 12.0 | 41.0 | 11.0 | 35.0 |
