CSS tab-size property আমাদের ট্যাবে ব্যবহৃত সাদা স্পেসের পরিমাণ সেট করতে দেয়। নিচের উদাহরণগুলো CSS tab-size প্রোপার্টি প্রদর্শন করে।
উদাহরণ
<!DOCTYPE html> <html> <head> <style> body { display: flex; flex-direction: column; } p { white-space: pre; } p:last-of-type { tab-size: 32; -moz-tab-size: 32; } </style> </head> <body> <p> Ut sed felis lobortis, fermentum magna vitae, imperdiet lectus.</p> <p> Ut sed felis lobortis, fermentum magna vitae, imperdiet lectus.</p> </body> </html>
আউটপুট
এটি নিচের ফলাফল দেবে −
উদাহরণ
<!DOCTYPE html> <html> <head> <style> pre { margin: 2%; box-shadow: inset 0 0 12px lime; } p { background: lavender; tab-size: 1; -moz-tab-size: 1; } </style> </head> <body> <pre> 4 tabs of size 1 paragraph .|.|.|. <p> Ut sed felis lobortis, fermentum magna vitae, imperdiet lectus. </p> </pre> </body> </html>
আউটপুট
এটি নিচের ফলাফল দেবে −
