خصوصیت text-overflow
مثال (خصوصیت text-overflow)
استفاده از خصوصیت text-overflow:
div.test
{
text-overflow:ellipsis;
}
خودتان امتحان کنید »
{
text-overflow:ellipsis;
}
در انتهای این آموزش، مثال های بیشتری را خواهید دید.
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت text-overflow را پشتیبانی می کنند.
تعریف و کاربرد
با استفاده از خصوصیت text-overflow می توان مشخص کرد هنگامی متن از عنصر والدش سرریز می کند، چه اتفاقی رخ دهد.
| مقدار پیشفرض | clip |
|---|---|
| ارث بری | خیر |
| نسخه | CSS3 |
| JavaScript ساختار | object.style.textOverflow="ellipsis" |
نحوه استفاده
text-overflow: clip|ellipsis|string;
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| clip |
متن برش داده می شود. |
نمایش دادن » |
| ellipsis |
متن اضافه را حذف می کند و یک سه نقطه ("...") به جای آن نمایش می دهد. |
نمایش دادن » |
| string |
رشته داده شده را در متن بریده شده نمایش می دهد. |
مثال - خودتان امتحان کنید
Text-overflow with a hover effect
این مثال نحوه نمایش متن را هنگامی که روی عنصر با موس حرکت می کنیم را نمایش می دهد.
بیاموزهای مرتبط
CSS3 Text Effect (بیاموز CSS3)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 7361
