CSS text-orientation ਪ੍ਰਾਪਰਟੀ
- ਪਿੰਡਾ ਪੰਨਾ 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; }
ਸੀਐੱਸਐੱਸ ਗਰਿੱਖ
text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;
ਗੁਣ ਮੁੱਲ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
ਮਿਕਸਡ | ਮੂਲ ਮੁੱਲ। ਅੱਖਰ ਘੁੰਮਾਇਆ ਗਿਆ 90 ਦਰਜੇ ਪੂਰਵਾਗਮਨ ਵਿੱਚ ਹੈ。 |
upright | ਅੱਖਰ ਘੁੰਮਾਇਆ ਨਹੀਂ ਹੈ ਅਤੇ ਸਿਰਫ ਸਥਾਨਕ ਰੂਪ ਵਿੱਚ ਰਹਿੰਦਾ ਹੈ。 |
sideways | ਅੱਖਰ ਦੀ ਦਿਸ਼ਾ ਲੇਖਣ-ਮੋਡ ਵਿੱਚ ਲੇਖਣ ਦੀ ਦਿਸ਼ਾ ਨਾਲ ਬਰਾਬਰ ਹੈ ਯਾਨੀ ਘੁੰਮਾਇਆ ਗਿਆ 90 ਦਰਜੇ ਪੂਰਵਾਗਮਨ ਵਿੱਚ ਹੈ。 |
sideways-right | sideways ਗੁਣ ਦੇ ਮੁੱਲ ਨਾਲ ਬਰਾਬਰ ਹੈ। ਸਮਾਨਤਾ ਦੇ ਉਦੇਸ਼ ਲਈ ਸੰਭਾਲਿਆ ਗਿਆ ਹੈ。 |
use-glyph-orientation | SVG ਤੱਤਾਂ ਦੇ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਤਾਕਿ ਲੇਖਣ-ਮੋਡ ਵਿੱਚ ਟੈਕਸਟ ਨੂੰ ਵਿਰਾਸਤ ਕੀਤਾ ਜਾ ਸਕੇ ਅਤੇ ਛੱਡ ਦਿੱਤਾ ਗਿਆ ਹੈ SVG ਗੁਣ glyph-orientation-vertical ਅਤੇ glyph-orientation-horizontal。 |
ਮੂਲ ਮੁੱਲ | ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: ਮੂਲ ਮੁੱਲ。 |
ਵਿਰਾਸਤੀ | ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਵਿਰਾਸਤ ਕਰੋ। ਦੇਖੋ: ਵਿਰਾਸਤੀ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
ਮੂਲ ਮੁੱਲ: | ਮਿਕਸਡ |
---|---|
ਵਿਰਾਸਤੀ ਸਮਰਥਨ: | ਹਾਂ |
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣ: | ਸਮਰਥਨ ਨਹੀਂ ਹੈ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਗੁਣ。 |
ਵਰਜਨ: | ਸੀਐੱਸਐੱਸ3 |
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰਿੱਖ | object.style.textOrientation="upright" |
ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ
ਸਪਰੈਡਸ਼ੀਟ ਵਿੱਚ ਦਿਖਾਈ ਵਾਲੇ ਨੰਬਰ ਇਸ ਲਈ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਊਜ਼ਰ ਦੀ ਵਰਜਨ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。
ਚਰਮੋ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
48.0 | 79.0 | 41.0 | 14.0 | 35.0 |
ਸਬੰਧਤ ਪੰਨੇ
ਸਬੰਧਤ ਹਵਾਲਾ:CSS writing-mode ਪ੍ਰਾਪਰਟੀ
- ਪਿੰਡਾ ਪੰਨਾ text-justify
- ਅਗਲਾ ਪੰਨਾ text-overflow