CSS text-transform ਪ੍ਰਾਪਰਟੀ
- ਪਿਛਲਾ ਪੰਨਾ text-shadow
- ਅਗਲਾ ਪੰਨਾ text-underline-offset
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
text-transform ਵਿਸ਼ੇਸ਼ਤਾ ਟੈਕਸਟ ਦਾ ਮਾਪ ਨਿਯੰਤਰਿਤ ਕਰਦੀ ਹੈ。
ਵਰਣਨ
ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਇਲਾਕੇ ਵਿੱਚ ਅੱਖਰਾਂ ਦਾ ਮਾਪ ਬਦਲਦੀ ਹੈ ਅਤੇ ਸਰੋਤ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਟੈਕਸਟ ਦਾ ਮਾਪ ਨਹੀਂ ਬਦਲਦੀ।ਜੇਕਰ ਮੁੱਲ capitalize ਹੈ ਤਾਂ ਕੁਝ ਅੱਖਰਾਂ ਨੂੰ ਬੁਲਲਾ ਕਰਨਾ ਹੁੰਦਾ ਹੈ ਪਰ ਕਿਵੇਂ ਅੱਖਰਾਂ ਨੂੰ ਬੁਲਲਾ ਕਰਨਾ ਹੈ ਇਹ ਯੂਜ਼ਰ ਏਜੈਂਟ ਦੀ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆ:CSS ਟੈਕਸਟ
HTML DOM ਸੂਚੀਕਰਣ ਮੁੱਲਾਂ:textTransform ਵਿਸ਼ੇਸ਼ਤਾ
ਉਦਾਹਰਣ
ਵੱਖ-ਵੱਖ ਤੱਤਾਂ ਵਿੱਚ ਟੈਕਸਟ ਦਾ ਟਰਾਂਸਫਾਰਮ ਕਰੋ:
h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}
ਸੁਝਾਅ ਅਤੇ ਟਿੱਪਣੀ
ਟਿੱਪਣੀ:ਵੱਖ-ਵੱਖ ਯੂਜ਼ਰ ਏਜੈਂਟ ਵੱਖ-ਵੱਖ ਤਰੀਕੇ ਨਾਲ ਸ਼ਬਦ ਦੀ ਸ਼ੁਰੂਆਤ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹਨ ਅਤੇ ਸਬੰਧਤ ਬੁਲਲੇ ਅੱਖਰਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹਨ।ਉਦਾਹਰਣ ਵਜੋਂ，ਟੈਕਸਟ "w3-school" ਦੋ ਤਰੀਕਿਆਂ ਨਾਲ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ: "W3-school" ਅਤੇ "W3-School"।CSS ਨੇ ਕੋਈ ਮਾਤਰਾ ਨਹੀਂ ਦਿੱਤੀ ਹੈ ਇਸ ਲਈ ਦੋਵੇਂ ਤਰੀਕੇ ਸਾਡੇ ਹਨ。
CSS ਗਰੇਫਟਾਂ:
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| ਕੋਈ ਨਹੀਂ | ਮੂਲ ਮੁੱਲ।ਛੋਟੇ ਅਤੇ ਬੁਲਲੇ ਅੱਖਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲਾ ਮਿਆਰੀ ਟੈਕਸਟ |
| capitalize | ਟੈਕਸਟ ਵਿੱਚ ਹਰੇਕ ਸ਼ਬਦ ਦਾ ਪਹਿਲਾ ਅੱਖਰ ਬੁਲਲਾ ਹੁੰਦਾ ਹੈ |
| uppercase | ਸਿਰਫ਼ ਬੁਲਲੇ ਅੱਖਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ |
| lowercase | ਬਿਨਾ ਬੁਲਲੇ ਅਤੇ ਹਰੇਕ ਸ਼ਬਦ ਵਿੱਚ ਛੋਟੇ ਅੱਖਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ |
| inherit | ਪਿਤਾ ਤੋਂ text-transform ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਮੁੱਲ ਲੈਣਾ ਦੀ ਸ਼ਰਤ ਦਿੱਤੀ ਗਈ ਹੈ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲ ਮੁੱਲ: | ਕੋਈ ਨਹੀਂ |
|---|---|
| ਵਿਰਾਸਤੀਕਰਣ: | ਹਾਂ |
| ਸੰਸਕਰਣ: | CSS1 |
| JavaScript ਗਰੇਫਟਾਂ: | object.style.textTransform="uppercase" |
ਹੋਰ ਉਦਾਹਰਣ
- ਟੈਕਸਟ ਵਿੱਚ ਅੱਖਰਾਂ ਦਾ ਮਾਪ ਨਿਯੰਤਰਿਤ ਕਰਨਾ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦੇਖੋ ਕਿ ਕਿਵੇਂ ਟੈਕਸਟ ਵਿੱਚ ਅੱਖਰਾਂ ਦਾ ਮਾਪ ਨਿਯੰਤਰਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਵਿਸ਼ੇਸ਼ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਪਹਿਲਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲਾ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਖਿਆ ਸ਼ਾਮਲ ਹੈ。
| ਚਰਮੋਨਾ | IE / ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- ਪਿਛਲਾ ਪੰਨਾ text-shadow
- ਅਗਲਾ ਪੰਨਾ text-underline-offset
