কম্পিউটার টিউটোরিয়াল

CSS-এ page-break-before, page-break-after, এবং page-break-inside প্রোপার্টির ব্যবহার

ধরুন আপনার ডকুমেন্টে লেভেল-১ হেডারগুলো নতুন চ্যাপ্টার শুরু করে এবং লেভেল-২ হেডারগুলো সেকশন নির্দেশ করে। আপনি চান প্রতিটি চ্যাপ্টার একটি নতুন, ডান হাতের পেজে শুরু হোক, কিন্তু সেকশন হেডারগুলো পরবর্তী কন্টেন্ট থেকে পেজ ব্রেক দিয়ে আলাদা হোক না। নিচের রুলটি ব্যবহার করে আপনি এটি অর্জন করতে পারেন:

<style>
  <!--
    h1 { page-break-before : right }
    h2 { page-break-after : avoid }
  -->
</style>

শুধু auto এবং avoid মানগুলো page-break-inside প্রোপার্টির সাথে ব্যবহার করুন। আপনি যদি পছন্দ করেন আপনার টেবিলগুলো পেজ জুড়ে ব্রেক না হোক যদি সম্ভব হয়, তবে নিচের রুলটি লিখুন:

<style>
  <!--
    table { page-break-inside : avoid }
  -->
</style>
  1. CSS-এ 의사-ক্লাস এবং CSS ক্লাস

  2. CSS Margin প্রপার্টি সমূহ

  3. CSS মার্জিন এবং প্যাডিং

  4. ২০২০ সালের ওয়েব ডিজাইনের জন্য লেটেস্ট CSS প্রপার্টি এবং API