क्षेत्र

क्षेत्र

दो-पैन वाला कार्यक्षेत्र जिस पर हर अन्वेषक, संपादक और विवरण दृश्य बनाया गया है। एक क्षेत्र की अपनी कोई चौड़ाई और ऊँचाई नहीं होती: जिस विभाजन में यह बैठता है वही इसे आकार देता है, और प्रत्येक पक्ष अकेले स्क्रॉल करता है। दो क्षेत्र दो वस्तुएँ हैं जो पृष्ठ पर रखी गई हैं, न कि एक पैनल जो आधा कट गया है — जो उन्हें अलग करता है वह उनके बीच का स्थान है, और `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