CSS hyphens প্রোপার্টি ব্যবহার করে টেক্সটে হাইফেন যোগ করা

CSS hyphens প্রোপার্টি ব্যবহার করে আমরা টেক্সটে হাইফেন কীভাবে যোগ হবে তা নির্দিষ্ট করতে পারি।

উদাহরণ

নিচের উদাহরণগুলো CSS hyphens প্রোপার্টি প্রদর্শন করে।

<!DOCTYPE html> <html> <head> <style> div {    width: 20%;    border: 2px groove lime;    margin: 10px;    padding: 10px;    hyphens: none;    -webkit-hyphens: none;    -ms-hyphens: none; } div:last-of-type {    hyphens: manual;    -webkit-hyphens: manual;    -ms-hyphens: manual; } </style> </head> <body> <div> abcdefghi­jklmnopqrstuvwxyz </div> <div> abcdefghi­jklmnopqrstuvwxyz </div> </body> </html>

আউটপুট

এটি নিচের ফলাফল দেবে −

উদাহরণ

<!DOCTYPE html> <html> <head> <style> div {    margin: 10px;    padding: 10px;    width: 15%;    border: 2px ridge darkblue;    background-color: peachpuff;    -webkit-hyphens: auto;    -ms-hyphens: auto;    hyphens: auto; } </style> </head> <body> <div> abcdefghijklmno-pqrstuvw-xyz </div> <div> abcdefghi-jklmnopqrstuvw-xyz </div> </body> </html>

আউটপুট

এটি নিচের ফলাফল দেবে −