خصوصیت text-overflow

مثال

استفاده از خصوصیت text-overflow:

div.test
{
text-overflow:ellipsis;
}

در انتهای این آموزش، مثال های بیشتری را خواهید دید.


پشتیبانی مرورگرها

    

تمام مرورگرهای اصلی، خصوصیت text-overflow را پشتیبانی می کنند.


تعریف و کاربرد

با استفاده از خصوصیت text-overflow می توان مشخص کرد هنگامی متن از عنصر والدش سرریز می کند، چه اتفاقی رخ دهد.

مقدار پیشفرض clip
ارث بری خیر
نسخه CSS3
JavaScript ساختار object.style.textOverflow="ellipsis"

نحوه استفاده

text-overflow: clip|ellipsis|string;
مقدار توضیحات نمایش دادن
clip

متن برش داده می شود.

ellipsis

متن اضافه را حذف می کند و یک سه نقطه ("...") به جای آن نمایش می دهد.

string

رشته داده شده را در متن بریده شده نمایش می دهد.