مثال (خصوصیت 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)