CSS break-before এট্রিবিউট

সংজ্ঞা ও ব্যবহার

break-before বৈশিষ্ট্যটি নির্দিষ্ট ইলাকার আগে পৃষ্ঠান্তর (page-break), স্তম্ভবিচ্ছিন্নতা (column-break) বা অঞ্চলবিচ্ছিন্নতা (region-break) হবে কি না তা নির্দিষ্ট করে。

break-before বৈশিষ্ট্যটি CSS2-র page-break-before বৈশিষ্ট্যকে সম্প্রসারিত করেছে。

break-before এই বৈশিষ্ট্যটি ব্যবহার করে, আপনি ব্রাউজারকে জানাতে পারেন যে, break-after বৈশিষ্ট্যযুক্ত ইলাকার আগে, পৃষ্ঠা, স্তম্ভ বা অঞ্চলটিকে কোনোভাবেই বিচ্ছিন্ন করা হবে বা ইলাকাটিকে দুই পৃষ্ঠায় ভাগ করা হবে না。

উদাহরণ

সবসময় <h1> ইলাকার আগে পৃষ্ঠান্তর যোগ করুন:

@media print {
  h1 {
    break-before: always;
  }
}

CSS 语法

break-before: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;

বৈশিষ্ট্য মান

মান বর্ণনা
auto ডিফল্ট। ইলেকট্রনের আগে স্বচালিতভাবে পৃষ্ঠা, স্তম্ভ, অঞ্চল বিভাজন করুন。
all সর্বদা মূল বক্সের আগে তাৎক্ষণিকভাবে পৃষ্ঠা ভাঙ্গনী প্রবর্তন করুন。
always সর্বদা ইলেকট্রনের আগে পৃষ্ঠা ভাঙ্গনী (page-break) প্রবর্তন করুন。
avoid ইলেকট্রনের আগে পৃষ্ঠা, স্তম্ভ, অঞ্চল বিভাজন বিরত করুন。
avoid-column ইলেকট্রনের আগে স্তম্ভ চিহ্ন প্রবর্তন করতে বিরত করুন。
avoid-page ইলেকট্রনের আগে পৃষ্ঠা ভাঙ্গনী প্রবর্তন করতে বিরত করুন。
avoid-region ইলেকট্রনের আগে পাল্টানী চিহ্ন প্রবর্তন করতে বিরত করুন。
column সর্বদা ইলেকট্রনের আগে একটি স্তম্ভ চিহ্ন প্রবর্তন করুন。
left ইলেকট্রনের আগে একটি বা দুটি পৃষ্ঠা ভাঙ্গনী প্রবর্তন করুন যাতে পরবর্তী পৃষ্ঠা ডানদিকের পৃষ্ঠা হিসাবে ফরম্যাট করা হয়。
page সর্বদা ইলেকট্রনের আগে একটি পৃষ্ঠা ভাঙ্গনী প্রবর্তন করুন。
recto মূল বক্সের আগে একটি বা দুটি পৃষ্ঠা ভাঙ্গনী প্রবর্তন করুন যাতে পরবর্তী পৃষ্ঠা recto পৃষ্ঠা হিসাবে ফরম্যাট করা হয়。
region সর্বদা ইলেকট্রনের আগে একটি পাল্টানী চিহ্ন প্রবর্তন করুন。
right ইলেকট্রনের আগে একটি বা দুটি পৃষ্ঠা ভাঙ্গনী প্রবর্তন করুন যাতে পরবর্তী পৃষ্ঠা ডানদিকের পৃষ্ঠা হিসাবে ফরম্যাট করা হয়。
verso মূল বক্সের আগে একটি বা দুটি পৃষ্ঠা ভাঙ্গনী প্রবর্তন করুন যাতে পরবর্তী পৃষ্ঠা ভাগলো পৃষ্ঠা হিসাবে ফরম্যাট করা হয়。
initial এই বৈশিষ্ট্যটি তার ডিফল্ট মানে সমান করুন। দেখুন initial。
inherit এই বৈশিষ্ট্যটি তার পিতৃত্ব ইলেকট্রন থেকে উত্তরণ করুন। দেখুন inherit。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: auto
উত্তরণ: না
অ্যানিমেশন নির্মাণ: সমর্থন না করা। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。
সংস্করণ: CSS3
JavaScript গ্রামার: object.style.breakBefore="always"

আরও উদাহরণ

উদাহরণ

প্রিন্ট করার সময় সকল নতুন চ্যাপ্টারকে সঠিক পৃষ্ঠা (যেমন বইতে) থেকে শুরু করতে যাতে সমস্ত <h1> ইলেকট্রনটি break-before: কে ব্যবহার করা হয়েছে:

@media print {
  h1 {
    break-before: right;
  }
}

উদাহরণ

সর্বদা region এর <ul> আগে একটি region-break: প্রবর্তন করুন:

.region ul {
    break-before: region;
  }
}

ব্রাউজার সমর্থন

টেবিলের সংখ্যা থেকে এই বৈশিষ্ট্যটি যে প্রথম ব্রাউজারটির সম্পূর্ণভাবে সমর্থন করে তা উল্লেখ করা হয়েছে。

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 65.0 10.0 37.0