CSS text-shadow ਪ੍ਰਤੀਯੋਗਿਤਾ
- پچھل پیج text-overflow
- پنجواں پیج text-transform
تعلیم اور استعمال
text-shadow کوالٹی کا متن کی شادی کا مقام سیتا ہے。
دوسرے مراجع:
CSS3 درس:CSS3 ਟੈਕਸਟ ਪ੍ਰਭਾਵ
HTML DOM مرجع دستور زبان:textShadow کوالٹی
مثال
بنیادی کوالٹی کا شادی کا اثر:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
صف کے نیچل میں بھی متعدد مثالیں ہیں。
CSS کا جملہ:
text-shadow: h-shadow v-shadow تار رنگ;
توضیح:text-shadow کوالٹی کا ایک یا کئی شادیوں کو اضافہ کرتی ہے۔ اس کوالٹی کا جملہ کُم کُم شادیوں کی فہرست ہوتی ہے، جس میں ہر شادی دو یا تین طوالتی کی دوری اور ایک اختیاری رنگ کی دوری کا مقام کیا جاتا ہے۔ جو شادی کا کلیدی کا مقام نہیں کیا جاتا تو اس کا مقام 0 کیا جاتا ہے。
قیمتیں
| قیمتیں | توضیح | تست |
|---|---|---|
| h-shadow | ضروری۔ شادی کی عمودی کی کی دوری کا مقام. منفی کلیدی جائز ہیں. | تست |
| v-shadow | ضروری۔ شادی کی افقی کی کی دوری کا مقام. منفی کلیدی جائز ہیں. | تست |
| تار | اختیاری۔ تار کی دوری میں تاریخیاتی کا اعمال. | تست |
| رنگ | اختیاری۔ شادی کا رنگ دیکھئے گئے。 CSS ਰੰਗ ਮੁੱਲ. | تست |
تکنیکی تفصیلات
| مقصد: | کوئی نہیں |
|---|---|
| کابولی: | ہاں |
| ورژن: | CSS3 |
| JavaScript کا جملہ: | object.style.textShadow="2px 2px #ff0000" |
بھی متعدد مثالیں
- تار کی تاریخیاتی شادی
- اس مثال میں تار کی تاریخیاتی شادی دکھایا گیا ہے。
- سوراج کا لائن والا شادی
- اس مثال میں سوراج کا لائن والا ٹیکسٹ شادی دکھایا گیا ہے。
- نئون لائن کا اثر والا ٹیکسٹ شادی
- اس مثال میں نئون لائن کا اثر والا ٹیکسٹ شادی دکھایا گیا ہے。
براوزر کی مدد
جدول میں دیکھئے گئے شمار واضح طور پر اس خاص کوالٹی کا پہلا براوزر کا ورژن دکھاتا ہے。
| ਚਰਮੀ | IE / ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- پچھل پیج text-overflow
- پنجواں پیج text-transform
