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




