سبد (0)

تبلیغات

خصوصیت text-overflow

مثال (خصوصیت text-overflow)

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

div.test
{
text-overflow:ellipsis;
}
خودتان امتحان کنید »

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


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

Internet Explorer Firefox Opera Google Chrome Safari

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


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

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

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

نحوه استفاده

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

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

نمایش دادن »
ellipsis

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

نمایش دادن »
string

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

 

مثالs

مثال - خودتان امتحان کنید

Text-overflow with a hover effect

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


بیاموزهای مرتبط

CSS3 Text Effect (بیاموز CSS3)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی