ویژگی text-overflow CSS

تعریف و استفاده

ویژگی text-overflow تعیین می‌کند که چه چیزی رخ می‌دهد وقتی متن از محدوده شامل آن برخوردار است.

لطفاً به:

آموزش CSS3:effets de texte CSS3

دستورالعمل HTML DOM:ویژگی textOverflow

مثال

استفاده از ویژگی text-overflow:

div.test
{
text-overflow:ellipsis;
}

آزمایش کنید

مثال‌های بیشتر در پایین صفحه وجود دارد.

نوع CSS

text-overflow: clip|ellipsis|string;

مقدار ویژگی

مقدار توضیح آزمایش
clip برش متن. آزمایش
ellipsis نمایش علامت اتمام برای نمایش متن بریده شده. آزمایش
string از رشته داده شده برای نمایش متن بریده شده استفاده کنید.

جزئیات فنی

مقدار پیش‌فرض: clip
erbیابگی: no
نسخه: CSS3
نوع جاوااسکریپت: object.style.textOverflow="ellipsis"

مثال‌های بیشتر

Text-overflow با اثر hover
این مثال نحوه نمایش تمام متن هنگامی که نشانه‌نمای ماوس روی عنصر حرکت می‌کند را نشان می‌دهد.

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

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که این ویژگی را کامل پشتیبانی می‌کنند.

اعداد -o- نشان‌دهنده نسخه اولیه با استفاده از پیشوند است.

Chrome IE / Edge Firefox Safari Opera
4.0 6.0 7.0 3.1 11.0
9.0 -o-