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 |
|---|---|
| পুরোট্বয়াগ্যতা: | no |
| সংস্করণ: | CSS3 |
| JavaScript গণিতশাস্ত্র: | object.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
