CSS ਵਰਟਿੰਗ-ਮੋਡ ਪ੍ਰਾਪਰਟੀ

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

writing-mode ਟੈਕਸਟ ਦੀ ਰੈਂਕਿੰਗ ਪ੍ਰਣਾਲੀ ਸੈਟ ਕਰੋ ਕਿ ਸਮਾਨਤਾ ਪੱਧਰ 'ਤੇ ਹੋਵੇ ਜਾਂ ਉੱਚਾ ਪੱਧਰ 'ਤੇ ਹੋਵੇ。

ਟੈਕਸਟ ਦੀ ਰੈਂਕਿੰਗ ਪ੍ਰਣਾਲੀ ਸੈਟ ਕਰੋ ਕਿ ਸਮਾਨਤਾ ਪੱਧਰ 'ਤੇ ਹੋਵੇ ਜਾਂ ਉੱਚਾ ਪੱਧਰ 'ਤੇ ਹੋਵੇ:

p.test1 {
  writing-mode: horizontal-tb; 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

writing-mode: horizontal-tb|vertical-rl|vertical-lr;

ਮੁੱਲ	ਵਰਣਨ
horizontal-tb	ਸਮਾਨਤਾ ਵਿੱਚ ਉਪਸਥਿਤ ਗੋਲਕ ਨੂੰ ਖੱਬੇ ਤੋਂ ਸੱਜੇ ਲੰਮਾਈ ਗਿਆ ਹੈ, ਸਮਾਨਤਾ ਵਿੱਚ ਉਪਸਥਿਤ ਗੋਲਕ ਨੂੰ ਉੱਪਰ ਤੋਂ ਨੀਚੇ ਲੰਮਾਈ ਗਿਆ ਹੈ。
vertical-rl	ਸਮਾਨਤਾ ਵਿੱਚ ਉਪਸਥਿਤ ਗੋਲਕ ਨੂੰ ਉੱਪਰ ਤੋਂ ਨੀਚੇ ਲੰਮਾਈ ਗਿਆ ਹੈ, ਸਮਾਨਤਾ ਵਿੱਚ ਉਪਸਥਿਤ ਗੋਲਕ ਨੂੰ ਸੱਜੇ ਤੋਂ ਖੱਬੇ ਲੰਮਾਈ ਗਿਆ ਹੈ。
vertical-lr	ਸਮਾਨਤਾ ਵਿੱਚ ਉਪਸਥਿਤ ਗੋਲਕ ਨੂੰ ਉੱਪਰ ਤੋਂ ਨੀਚੇ ਲੰਮਾਈ ਗਿਆ ਹੈ, ਸਮਾਨਤਾ ਵਿੱਚ ਉਪਸਥਿਤ ਗੋਲਕ ਨੂੰ ਖੱਬੇ ਤੋਂ ਸੱਜੇ ਲੰਮਾਈ ਗਿਆ ਹੈ。

ਮੂਲ ਮੁੱਲ:	horizontal-tb
ਵਿਰਾਸਤੀਕਰਨ:	ਹਾਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ:	ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੱਧ ਹੁਨਰ。
ਸੰਸਕਰਣ:	CSS3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੰਥ	object.style.writingMode="vertical-rl"

ਸਪਸ਼ਟੀਕਰਨ ਦੇ ਪੈਦਾ ਕੀਤੇ ਗਏ ਪਹਿਲੇ ਬਰਾਊਜ਼ਰ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਸਬੱਧ ਹੁਨਰ ਵਾਲੇ ਸਬੱਧ ਸਿਫ਼ਾਰਸ਼ ਸ਼ੂਨਯਾਂ ਵਿੱਚ ਦਿਸਾਇਆ ਗਿਆ ਹੈ。

ਚਰੋਮੇ	ਆਈਈ / ਐਂਜਲ	ਫਾਰਫੈਕਸ	ਸਫਾਰੀ	ਓਪਰਾ
48.0	12.0	41.0	11.0	35.0