CSS text-overflow کی خاصیت
- پچي پيشني text-orientation
- آئندہ صفحہ text-shadow
تعريف اور استعمال
text-overflow خاصیت، جب متن، شامل عنصر سے بہتر نکل جائیگا، اس موقع پر ہونے والی کارروائی کو طے کرتی ہے。
مزید دیکھئے:
CSS3 درس:CSS3 متن کا اثر
HTML DOM مراجع کتب:textOverflow کی خاصیت
مثال
text-overflow کی خاصیت استعمال کریں:
div.test
{
text-overflow:ellipsis;
}
صفحہ پائین مزید مثال موجود ہیں。
CSS زبان
text-overflow: clip|ellipsis|string;
قيمت
| مقصد | وصف | تست |
|---|---|---|
| clip | تکمیل کردہ متن کو ختم کرنا。 | تست |
| ellipsis | ختم کردہ متن کو نمائش کرنے کیلئے اوبرا سیمبل دکھایا جاتا ہے。 | تست |
| string | مقرر کی گئی نکلی سٹرنگ کو استعمال کرکے ختم کردہ متن کو نمائش کرنا。 |
تکنیکی تفصیلات
| مقصد: | clip |
|---|---|
| نمایاںیت: | نه |
| ورژن: | CSS3 |
| جاوا اسکریپت زبان: | obجیکٽ.style.textOverflow="ellipsis" |
مزید مثال
- hover کا اثر والا Text-overflow
- یہ مثال، جب سائیزر، علامت کو عنصر پر چلائی جائیگی کے موقع پر، پورا متن کس طرح دکھایا جائیگا، دکھاتا ہے。
براوزر کا حمایت
جداول کا عدد، اس کيئر پر پورا حمایت کرنے والا پہلا براوزر ورژن کا ذکر کرتا ہے。
عدد -o- سے بجاست، وہ پورا متن کو نشان دہندہ پریفیکس کا پہلا ورژن استعمال کرنا اشارت دیتا ہے。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -o- |
- پچي پيشني text-orientation
- آئندہ صفحہ text-shadow
