اگر با نسحه هاي مختلف CSS كار كرده باشيد، متوجه كمبودهايي كه
در اين فناوري وجود دارد شده ايد. علاوه بر اين، با استفاده از ساير روش هاي معمول
نيز جايگزيني براي اين كمبودها نمي توان يافتدر نتيجه طراح صفحات وب براي رسيدن به آن ها، ناچار به نوشتن كدهاي طولاني
جاوااسكريپت مي باشد كه نتيجه اين امر افزايش حجم صفحه و به وجود آمدن ايراد در آن
مي شود.
CSS 3.0
قابليت هاي جديد و متنوعي براي متون معرفي كرده است كه مي توان گفت برخي از
كمبودهاي نسخه هاي قبلي برطرف شده است.
ويژگي Textoverflow
اين ويژگي همان طور كه از نامش پيداست براي مواقعي كه
متن يك كادر سرزير مي شود، مورد استفاده قرار مي گيرد. Textoverflow تعيين كننده برخورد كنترل حاوي متن
در هنگامي كه است كه متن درون كنترل از اندازه آن بيشتر مي شود. شايد تاكنون در
بسياري از سايت هاي خبري موردي اين چنيني را مشاهده كرده باشيد كه به دليل اين كه
متن مورد نظر در كادر تعبيه شده جا نشده، ظاهر سايت به شكل نامناسبي به هم خورده
است.
اين خصوصيت CSS 3.0، مقادير مختلفي مي تواند بگيرد كه از ميان آنها دو مورد جالب وجود
دارد. مورد اول، زماني است كه اين خصوصيت مقدار ellipsis به خود مي گيرد. در اين حالت متن در
صورتي كه در كادر مورد نظر جا نشود، تنها آن قسمت كه در كادر قابل نمايش است نشان
داده خواهدشد و از اين قسمت نيز به اندازه سه كاراكتر نقطه از انتهاي متن كم شده و
به جاي آن رشته "…" به معني اين كه متن ادامه دارد قرار داده
خواهدشد(البته اين حالت مي بايست با خصوصيت overflow.hidden همراه شود).
حالت دوم زماني است كه اين خصوصيت مقدار ellipsis
word را مي گيرد. اين
حالت شبيه ellipsis
است با اين تفاوت كه در آن سه نقطه درست پس از آخرين كلمه قابل نمايش در متن قرار
مي گيرد.
به مثال و عكس زير توجه كنيد در اين حالت تنها قسمتي
از متن در كنترل div
جا شده و بقيه آن به دليل وجود خصوصيت textoverflow.ellipsis نمايش داده نشده و به جاي آن سه نقطه
قرار مي گيرد.
جستجو....
