اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> p.test1 { white-space: nowrap; width: 200px; border: 1px solid #000000; overflow: hidden; text-overflow: clip; } p.test2 { white-space: nowrap; width: 200px; border: 1px solid #000000; overflow: hidden; text-overflow: ellipsis; } </style> </head> <body> <h1>ویژگی text-overflow</h1> <p>در دو پاراگراف زیر، یک متن طولانی وجود دارد که در جعبه ها جا نمی شود.</p> <h2>text-overflow: clip:</h2> <p class="test1">این یک متن طولانی است که در جعبه جا نمی شود</p> <h2>text-overflow: ellipsis:</h2> <p class="test2">این یک متن طولانی است که در جعبه جا نمی شود</p> </body> </html>
