CSS order প্রতিভূতি

  • পূর্ববর্তী পৃষ্ঠা opacity
  • পরবর্তী পৃষ্ঠা orphans

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

order গুণ ফ্লেক্সিবল প্রক্রিয়াগুলির অন্যান্য ফ্লেক্সিবল প্রক্রিয়ার তুলনায় ক্রমবর্ধমান গণনা করে।

মন্তব্য:যদি এলিমেন্ট ফ্লেক্সিবল প্রক্রিয়া না হলে, তবে order গুণ কার্যহীন

অন্যান্য দেখুন:

CSS পরিচ্ছেদ হান্ডবুক:flex গুণ

CSS পরিচ্ছেদ হান্ডবুক:flex-basis গুণ

CSS পরিচ্ছেদ হান্ডবুক:flex-direction গুণ

CSS পরিচ্ছেদ হান্ডবুক:flex-flow গুণ

CSS পরিচ্ছেদ হান্ডবুক:flex-grow গুণ

CSS পরিচ্ছেদ হান্ডবুক:flex-shrink গুণ

CSS পরিচ্ছেদ হান্ডবুক:flex-wrap গুণ

CSS পরিচ্ছেদ হান্ডবুক:align-content গুণ

CSS পরিচ্ছেদ হান্ডবুক:align-items গুণ

CSS পরিচ্ছেদ হান্ডবুক:align-self গুণ

HTML DOM পরিচ্ছেদ হান্ডবুক:order গুণ

উদাহরণ

সক্রিয় গুণগুলির ক্রমবর্ধমান সংখ্যা নির্ধারণ করুন:

div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}

আপনার হাতে পরীক্ষা করুন

CSS গণিতশাস্ত্র

order: number|initial|inherit;

গুণ মান

মান বর্ণনা
number ডিফল্ট মান 0। সক্রিয় গুণগুলির ক্রমবর্ধমান গণনা করুন。
initial এই গুণটিকে তার ডিফল্ট মানে ন্যায়িত্ব করুন। দেখুন: initial。
inherit এই গুণটি পিতৃত্বকে থাকা গুণ থেকে উত্তরসূরী করুন। দেখুন: inherit。

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

ডিফল্ট মান: 0
উত্তরসূরী: no
অ্যানিমেশন নির্মাণ: সমর্থন করা হয়। পৃথক গুণের জন্য দেখুন: দেখুন:অ্যানিমেশন-সংক্রান্ত গুণ。
সংস্করণ: CSS3
JavaScript গণিতশাস্ত্র: object.style.order="2"

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

টেবিলের সংখ্যাগুলি এই প্রক্রিয়াটির পূর্ণাঙ্গ সমর্থনকারী প্রথম ব্রাউজার সংস্করণটি উল্লেখ করে।

প্রথম সংস্করণটি মূল্যাঙ্কন করার জন্য -webkit- বা -moz- এর সংখ্যাগুলির নির্দেশ মাথায় রাখুন。

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit- 		11.0 28.0
18.0 -moz- 		9.0
6.1 -webkit- 		17.0
  • পূর্ববর্তী পৃষ্ঠা opacity
  • পরবর্তী পৃষ্ঠা orphans