Style textTransform ਵਿਸ਼ੇਸ਼ਤਾ

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

textTransform ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਜਾਂ ਟੈਕਸਟ ਦੇ ਮਾਪ ਨੂੰ ਵਾਪਸ ਲਵੇ।

ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਟੈਕਸਟ ਨੂੰ ਵੱਡੇ, ਛੋਟੇ ਜਾਂ ਪਹਿਲੇ ਅੱਖਰ ਵੱਡੇ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆCSS ਟੈਕਸਟ

CSS ਜਾਣਕਾਰੀ ਕੈਸ਼ਲਾਸtext-transform ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

<p> ਉਪਬੰਧ ਵਿੱਚ ਹਰੇਕ ਸ਼ਬਦ ਦਾ ਪਹਿਲਾ ਅੱਖਰ ਵੱਡਾ ਬਣਾਇਆ ਜਾਵੇ:

document.getElementById("myP").style.textTransform = "capitalize";

ਸਵੈ ਮੁਕਾਬਲਾ ਕਰੋ

ਉਦਾਹਰਣ 2

<p> ਉਪਬੰਧ ਵਿੱਚ ਸਾਰੇ ਅੱਖਰ ਨੂੰ ਵੱਡੇ ਅੱਖਰਾਂ ਵਿੱਚ ਬਦਲੋ:

document.getElementById("myP").style.textTransform = "uppercase";

ਸਵੈ ਮੁਕਾਬਲਾ ਕਰੋ

ਉਦਾਹਰਣ 3

<p> ਉਪਬੰਧ ਦੇ ਟੈਕਸਟ ਟਰਾਂਸਫਾਰਮ ਵਾਪਸ ਲਵੋ:

alert(document.getElementById("myP").style.textTransform);

ਸਵੈ ਮੁਕਾਬਲਾ ਕਰੋ

ਸਿਧਾਂਤ

textTransform ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸ ਲਵੋ:

object.style.textTransform

textTransform ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:

object.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
none ਕੋਈ ਅੱਖਰ ਨੂੰ ਬਦਲਿਆ ਨਹੀਂ ਜਾਵੇਗਾ। ਮੂਲ ਮੁੱਲ
capitalize ਹਰੇਕ ਸ਼ਬਦ ਦਾ ਪਹਿਲਾ ਅੱਖਰ ਵੱਡਾ ਬਣਾਇਆ ਜਾਵੇਗਾ。
uppercase ਸਾਰੇ ਅੱਖਰ ਨੂੰ ਵੱਡੇ ਅੱਖਰਾਂ ਵਿੱਚ ਬਦਲਿਆ ਜਾਵੇਗਾ。
lowercase ਸਾਰੇ ਅੱਖਰ ਨੂੰ ਛੋਟੇ ਅੱਖਰਾਂ ਵਿੱਚ ਬਦਲਿਆ ਜਾਵੇਗਾ。
initial ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਮੂਲ ਮੁੱਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial。
inherit ਆਪਣੇ ਮਾਤਾ ਉਪਬੰਧ ਤੋਂ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸ ਲੈਣ ਹੈ। ਦੇਖੋ inherit。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: ਨਾ ਹੋਵੇਗਾ
ਵਾਪਸੀ ਮੁੱਲ: ਪਾਠ ਦੇ ਟ੍ਰਾਂਸਫਾਰਮ ਦੇ ਲਈ ਇੱਕ ਸਟਰਿੰਗ ਹੈ।
CSS ਪੈਰਾਮੀਟਰਾਂ: CSS1

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਚਰਮੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ