CSS break-inside প্রতিশব্দ

বিবরণ ও ব্যবহার

break-inside গুণটি নির্দেশ করে কোন উপাদানের মধ্যে পৃষ্ঠাভাগ (page-break), সারিভার (column-break) বা অঞ্চল বিভাজন (region-break) হবে কিনা

break-inside গুণটি CSS2-র page-break-inside গুণটির সম্প্রসারণ

break-inside ব্যবহার করে আপনি ব্রাউজারকে ছবি, কোড স্প্লিট, টেবিল এবং তালিকার মধ্যে বিভাজন বাধা দিতে পারেন

উদাহরণ

টেবিল> <img> উপাদানের মধ্যে পৃষ্ঠাভাগ বাধা দাও

@media print {
  img {
    display: block;
    break-inside: avoid;
  }
}

CSS গঠনশৈলী

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

গুণ মান

মান বর্ণনা
auto ডিফল্ট। উপাদানের মধ্যে স্বয়ংক্রিয়ভাবে পৃষ্ঠাভাগ, সারিভার, অঞ্চল বিভাজন করা হবে
avoid উপাদানের মধ্যে পৃষ্ঠা, সারিভার, অঞ্চল বিভাজন বাধা দাও
avoid-column উপাদানের মধ্যে সারিভার বাধা দাও
avoid-page উপাদানের মধ্যে পৃষ্ঠাভাগ বাধা দাও
avoid-region উপাদানের মধ্যে পৃষ্ঠাভাগ বাধা দাও
initial এই গুণটিকে তার ডিফল্ট মানে নিয়ে যান। দেখুন initial。
inherit এই গুণটি তার পিতৃত্ব উপাদান থেকে উত্তরণ করে। দেখুন inherit。

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

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

আরও উদাহরণ

টেবিল> <ul> <ol> উপাদানের মধ্যে পৃষ্ঠাভাগ বাধা দাও

@media print {
  table, ul, ol {
    break-inside: avoid;
  }
}

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

টেবিলের সংখ্যা এই প্রক্রিয়াটির প্রথম সমর্থক ব্রাউজারের সংস্করণকে নির্দেশ করে।

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