জোনস

জোনস

প্রতিটি অনুসন্ধানকারী, সম্পাদক এবং বিস্তারিত দৃশ্যের জন্য নির্মিত দুটি প্যানের কাজের স্থান। একটি জোনের নিজস্ব প্রস্থ এবং উচ্চতা নেই: এটি যে বিভাজনে বসে থাকে সেটিই এটি আকার দেয়, এবং প্রতিটি দিক স্বাধীনভাবে স্ক্রল হয়। দুটি জোন হল পৃষ্ঠায় রাখা দুটি অবজেক্ট, একটি প্যানেল অর্ধেক কাটা নয় — তাদের আলাদা করে যা, তা হল তাদের মধ্যে স্থান, এবং `zone--panel` হল প্রত্যেকটির ভিত্তি।

একটি বিভাজন

একটি কলাম আকারে, অন্যটি বাকি যা নেয়। আকার একটি ধাপে দেওয়া হয়, এবং এটি জোনের নিজস্ব — এটি এর মধ্যে কিছু নেস্টেড দ্বারা উত্তরাধিকার সূত্রে পাওয়া যায় না।
zone--narrow zone--size-6
zone

এটি সেই দিক যা আকার দেওয়া কলামটি ছেড়ে দেয়।

প্রতিটি দিক স্বাধীনভাবে স্ক্রল হয়

একটি স্ক্রলযোগ্য জোন হল যা ওভারফ্লো ধারণ করে, পৃষ্ঠা নয়। এই দুইটিতে একটি স্ক্রল করুন এবং অন্যটি যেখানে আছে সেখানে থাকে, যা আকৃতির পুরো কারণ।

আইটেম 1

আইটেম 2

আইটেম 3

আইটেম 4

আইটেম 5

আইটেম 6

আইটেম 7

আইটেম 8

আইটেম 9

আইটেম 10

আইটেম 11

আইটেম 12

আইটেম 13

আইটেম 14

আইটেম 15

আইটেম 16

আইটেম 17

আইটেম 18

আইটেম 19

আইটেম 20

আইটেম 21

আইটেম 22

আইটেম 23

আইটেম 24

আইটেম 25

আইটেম 26

আইটেম 27

আইটেম 28

আইটেম 29

আইটেম 30

লাইন 1

লাইন 2

লাইন 3

লাইন 4

লাইন 5

লাইন 6

লাইন 7

লাইন 8

লাইন 9

লাইন 10

লাইন 11

লাইন 12

লাইন 13

লাইন 14

লাইন 15

লাইন 16

লাইন 17

লাইন 18

লাইন 19

লাইন 20

লাইন 21

লাইন 22

লাইন 23

লাইন 24

লাইন 25

লাইন 26

লাইন 27

লাইন 28

লাইন 29

লাইন 30

একটি হেডার যা স্ক্রল হয় না

একটি বিভাজন উল্লম্বে: একটি সংকীর্ণ জোন যা এটি ধারণ করে তার উচ্চতা, দেহ বাকি অংশ নেয় এবং এর নিচে স্ক্রল করে। এটি একটি টুলবারের উপরে একটি প্যানেলের ব্যবস্থা।
zone--narrow

লাইন 1

লাইন 2

লাইন 3

লাইন 4

লাইন 5

লাইন 6

লাইন 7

লাইন 8

লাইন 9

লাইন 10

লাইন 11

লাইন 12

লাইন 13

লাইন 14

লাইন 15

লাইন 16

লাইন 17

লাইন 18

লাইন 19

লাইন 20

লাইন 21

লাইন 22

লাইন 23

লাইন 24

লাইন 25

লাইন 26

লাইন 27

লাইন 28

লাইন 29

লাইন 30

সর্বনিম্নের নিচে

একটি মেঝে দেওয়া হলে, নমনীয় জোন একটি পূর্ণ লাইন দাবি করে এবং আকার দেওয়া কলামটি এর উপরে চলে যায় পরিবর্তে উভয়কে কিছু না করে চাপা দেওয়া। জানালাটি সংকীর্ণ করুন এটি ভাঁজ দেখতে।
zone--narrow
zone

মেঝের নিচে এই জোনটি দেওয়া হয়েছে, এটি একটি নিজের লাইন নেয়।

এটি এর সামগ্রীর মতো প্রশস্ত

`zone--fit-content`: অঞ্চলটি যা ধারণ করে তার প্রস্থ গ্রহণ করে — অনেক কলামের একটি টেবিল — বরং যা এর জন্য বাকি আছে। সারিটি একসাথে ওভারফ্লো এবং পাশের দিকে স্ক্রল করে, এর স্ক্রলবার ফ্রেমের পায়ে, কেবল টেবিলের নিচে নয়; প্রতিটি অঞ্চল এখনও স্বতন্ত্রভাবে নিচে স্ক্রল করে।

আইটেম 1

আইটেম 2

আইটেম 3

আইটেম 4

আইটেম 5

আইটেম 6

আইটেম 7

আইটেম 8

আইটেম 9

আইটেম 10

আইটেম 11

আইটেম 12

আইটেম 13

আইটেম 14

আইটেম 15

আইটেম 16

আইটেম 17

আইটেম 18

আইটেম 19

আইটেম 20

আইটেম 21

আইটেম 22

আইটেম 23

আইটেম 24

আইটেম 25

আইটেম 26

আইটেম 27

আইটেম 28

আইটেম 29

আইটেম 30

zone--fit-content
কলাম 1কলাম 2কলাম 3কলাম 4কলাম 5কলাম 6কলাম 7কলাম 8কলাম 9কলাম 10
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg

একটি পৃষ্ঠার পাশে

`zone--portrait`: সারির সমান উঁচু একটি খাড়া পৃষ্ঠার (3:4) চেয়ে কখনও সরু নয়। হাতে চওড়া করা লেখা তার প্রস্থ রাখে এবং সারিটি পৃষ্ঠা চেপে না দিয়ে পাশে স্ক্রল করে।
zone--measure (--zone-size: 48rem)

আইটেম 1

আইটেম 2

আইটেম 3

আইটেম 4

আইটেম 5

আইটেম 6

আইটেম 7

আইটেম 8

আইটেম 9

আইটেম 10

আইটেম 11

আইটেম 12

v1.0.29