CSS inline-size প্রতিভূতি

  • পূর্ববর্তী পৃষ্ঠা initial-letter
  • পরবর্তী পৃষ্ঠা inset

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

inline-size এটা এলাকার লাইন ইনলাইন দিকের আকার নির্ধারণ করে

নোট:সংশ্লিষ্ট CSS এট্রিবিউট writing-mode এটা লাইন ইনলাইন দিক নির্ধারণ করে, যা এটা প্রভাবিত করবে inline-size প্রবণতা

এটা English পাতারকার লাইন ইনলাইন দিক ডান থেকে বামে এবং ব্লক দিক নিচে থেকে উপরে তোলা হয় inline-size এবং block-size এটা CSS-এর width এবং height এটা height এবং width এটা CSS-এর inline-size এবং block-size এটা লাইন ইনলাইন এবং ব্লক দিকের উপর নির্ভর করে

উদাহরণ

উদাহরণ 1

লাইন ইনলাইন দিকের আকার নির্ধারণ করুন <div> এলাকা:

div {
  inline-size: 200px;
}

আপনার নিজেই প্রয়াস করুন

উদাহরণ 2

যখন <div> এলাকার writing-mode এটা মান নির্ধারণ করা হয় vertical-rl সময়, লাইন ইনলাইন দিক হলেও তা ভিক্টিকাল অভিমুখ হয়, যা এটা প্রভাবিত করবে inline-size এট্রিবিউট কাজকর্ম:

div {
  inline-size: 250px;
  writing-mode: vertical-rl;
}

আপনার নিজেই প্রয়াস করুন

CSS সংজ্ঞা

inline-size: auto|length|initial|inherit;

এট্রিবিউট মান

মান বর্ণনা
auto ডিফল্ট মান। এলাকার ডিফল্ট inline-size মান
length

লাইন ইনলাইন দিকের আকার নির্দিষ্ট করুন, ইউনিট হিসাবে px, pt, cm ইত্যাদি ব্যবহার করুন。

নেতিবাচক মান ব্যবহার করা যায়। দেখুন:CSS ইউনিট。
% পিতৃপুরুষ এলাকার সমতুল আকারের প্রতিশত
initial এই এট্রিবিউট ডিফল্ট মান থেকে সংজ্ঞায়িত করা হয়। দেখুন: initial。
inherit এই এট্রিবিউট পার্পিং এলাকা থেকে পিতৃপুরুষ এলাকা থেকে উত্তরণ করা হয়। দেখুন: inherit。

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

ডিফল্ট মান: auto
প্রবণতা: না
অ্যানিমেশন নির্মাণ: সমর্থন করে। দেখুন:অ্যানিমেশন সংশ্লিষ্ট এট্রিবিউট。
সংস্করণ: CSS3
JavaScript সংজ্ঞা: object.style.inlineSize="250px"

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

টেবিলের সংখ্যা এট্রিবিউট এটা প্রথম ব্রাউজার সংস্করণ যা এই এট্রিবিউট সম্পূর্ণরূপে সমর্থন করে。

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
57.0 79.0 41.0 12.1 44.0

সংশ্লিষ্ট পাতা

CSS টিউটোরিয়াল:CSS উচ্চতা এবং প্রশস্ততা

CSS টিউটোরিয়াল:CSS ফ্রেম মডেল

CSS রেফারেন্স:height এট্রিবিউট

CSS রেফারেন্স:width এট্রিবিউট

CSS রেফারেন্স:writing-mode অপারেশন

  • পূর্ববর্তী পৃষ্ঠা initial-letter
  • পরবর্তী পৃষ্ঠা inset