CSS text-orientation ਪ੍ਰਾਪਰਟੀ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

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 ਪ੍ਰਾਪਰਟੀ