CSS سایه متن

ਟੈਕਸਟ ਦੀ ਸ਼ਾਦੀ

text-shadow ਪ੍ਰਤੀਭਾ ਨੂੰ ਟੈਕਸਟ ਵਿੱਚ ਸ਼ਾਦੀ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ।

ਸਭ ਤੋਂ ਸਰਲ ਵਰਤੋਂ ਹੈ ਕੇਵਲ ਹਰੀਜ਼ਨਲ ਛਾਲ (2px) ਅਤੇ ਵਾਸਤਵਿਕ ਛਾਲ (2px) ਨੂੰ ਸੈਟ ਕਰਨਾ:

ਟੈਕਸਟ ਦੀ ਸ਼ਾਦੀ ਪ੍ਰਭਾਵ!

ਉਦਾਹਰਣ

h1 {
  text-shadow: 2px 2px;
}

ਸਵੈ ਦੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਫਿਰ ਛਾਲ ਪ੍ਰਭਾਵ ਨੂੰ ਰੰਗ ਨਾਲ ਜੋੜੋ (ਲਾਲ):

ਟੈਕਸਟ ਦੀ ਸ਼ਾਦੀ ਪ੍ਰਭਾਵ!

ਉਦਾਹਰਣ

h1 {
  text-shadow: 2px 2px red;
}

ਸਵੈ ਦੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਫਿਰ ਛਾਲ ਪ੍ਰਭਾਵ ਨੂੰ ਜੋੜੋ (5px):

ਟੈਕਸਟ ਦੀ ਸ਼ਾਦੀ ਪ੍ਰਭਾਵ!

ਉਦਾਹਰਣ

h1 {
  text-shadow: 2px 2px 5px red;
}

ਸਵੈ ਦੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਸੁਝਾਅ:ਪ੍ਰਵੇਸ਼ ਕਰੋ CSS فونت ਇੱਕ ਪ੍ਰਕਰਿਆ ਹੈ, ਕਿਵੇਂ ਫੰਟ, ਟੈਕਸਟ ਦਾ ਮਾਪ ਅਤੇ ਟੈਕਸਟ ਸਟਾਈਲ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ ਸਿੱਖੋ।

ਸੁਝਾਅ:ਪ੍ਰਵੇਸ਼ ਕਰੋ CSS اثر متن ਇੱਕ ਪ੍ਰਕਰਿਆ ਹੈ, ਵੱਖ-ਵੱਖ ਟੈਕਸਟ ਪ੍ਰਭਾਵਾਂ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ ਸਿੱਖੋ।

ਸਾਰੇ CSS ਟੈਕਸਟ ਪ੍ਰਤੀਭਾਵਾਂ

ਪ੍ਰਤੀਭਾ ਵਰਣਨ
color ਟੈਕਸਟ ਰੰਗ ਸੈਟ ਕਰੋ।
direction ਪ੍ਰਦਾਨ ਕਰੋ ਕਿ ਟੈਕਸਟ ਦਾ ਦਿਸ਼ਾ / ਲਿਖਣ ਦੀ ਦਿਸ਼ਾ ਕਿਵੇਂ ਹੋਵੇ।
letter-spacing ਅੱਖਰਾਂ ਦਾ ਅੰਤਰ ਸੈਟ ਕਰੋ।
line-height ਰੇਖਾ ਉਚਾਈ ਸੈਟ ਕਰੋ।
text-align ਪ੍ਰਦਾਨ ਕਰੋ ਕਿ ਟੈਕਸਟ ਦੇ ਪਰਿਪੇਖ ਸਮਾਨਤਾ ਕਿਵੇਂ ਹੋਵੇ।
text-decoration ਪ੍ਰਦਾਨ ਕਰੋ ਕਿ ਟੈਕਸਟ ਨੂੰ ਕਿਵੇਂ ਸਜਾਵਟ ਦਿੱਤੀ ਜਾਵੇ।
text-indent ਪ੍ਰਦਾਨ ਕਰੋ ਕਿ ਟੈਕਸਟ ਬਲਾਕ ਵਿੱਚ ਪਹਿਲੀ ਲਾਈਨ ਦਾ ਇੰਦਰਜਾ ਕਿਵੇਂ ਹੋਵੇ।
text-shadow ਪ੍ਰਦਾਨ ਕਰੋ ਕਿ ਟੈਕਸਟ ਨੂੰ ਸ਼ਾਦੀ ਕਿਵੇਂ ਦਿੱਤੀ ਜਾਵੇ।
text-transform ਟੈਕਸਟ ਦਾ ਮਾਲੀਆ ਅਤੇ ਮਾਲੀਆ ਰੂਪ ਕਿਵੇਂ ਕੰਟਰੋਲ ਕੀਤਾ ਜਾਵੇ।
text-overflow ਪ੍ਰਦਾਨ ਕਰੋ ਕਿ ਕਿਵੇਂ ਨਜ਼ਰਾਨੀ ਦੇ ਲਈ ਪ੍ਰਦਰਸ਼ਿਤ ਨਾ ਕੀਤੀ ਗਈ ਪਰਵਾਹ ਨੂੰ ਸੂਚਿਤ ਕੀਤਾ ਜਾਵੇ।
unicode-bidi direction ਪ੍ਰਤੀ ਨਾਲ ਮਿਲਾ ਕੇ ਇੱਕ ਹੀ ਦਸਤਾਵੇਜ ਵਿੱਚ ਕਈ ਭਾਸ਼ਾਵਾਂ ਨੂੰ ਸਮਰਥਨ ਲਈ ਟੈਕਸਟ ਨੂੰ ਮੁੜ ਲਿਖਣਾ ਚਾਹੀਦਾ ਹੈ ਜਾਂ ਨਹੀਂ ਸੀ।
vertical-align ਪ੍ਰਦਾਨ ਕਰੋ ਕਿ ਟੈਕਸਟ ਦੀ ਊਰਧਵਾਰਨ ਸਮਾਨਤਾ ਕਿਵੇਂ ਹੋਵੇ।
white-space ਪ੍ਰਦਾਨ ਕਰੋ ਕਿ ਪ੍ਰਤਿਭਾ ਦੇ ਅੰਦਰ ਖਾਲੀ ਜਗ੍ਹਾ ਕਿਵੇਂ ਹੱਲ ਕੀਤੀ ਜਾਵੇ।
word-spacing لفظ کی فاصلہ کا سیٹ کریں