Bölgeler

Bölgeler

Her gezgin, editör ve detay görünümü için inşa edilmiş iki bölmeli çalışma alanı. Bir bölgenin kendi genişliği ve yüksekliği yoktur: bulunduğu bölme onu boyutlandırır ve her iki taraf da ayrı ayrı kaydırılır. İki bölge, sayfada yerleştirilmiş iki nesnedir, bir panelin ikiye kesilmesi değil — onları ayıran şey aralarındaki boşluktur ve `zone--panel` her birinin durduğu zeminidir.

Bir bölme

Bir sütun boyutunda, diğeri kalan kısmı alır. Boyut bir adım ile belirlenir ve bölgenin kendisine aittir — içinde bulunan hiçbir şeyden miras alınmaz.
zone--narrow zone--size-6
zone

Bu taraf, boyutlandırılmış sütunun bıraktığı her şeyi alır.

Her taraf ayrı kaydırılır

Kaydırılabilir bir bölge taşmayı tutar, sayfa değil. Bu ikisinden birini kaydırın, diğeri olduğu yerde kalır; bu, şeklin tüm nedenidir.

Öğe 1

Öğe 2

Öğe 3

Öğe 4

Öğe 5

Öğe 6

Öğe 7

Öğe 8

Öğe 9

Öğe 10

Öğe 11

Öğe 12

Öğe 13

Öğe 14

Öğe 15

Öğe 16

Öğe 17

Öğe 18

Öğe 19

Öğe 20

Öğe 21

Öğe 22

Öğe 23

Öğe 24

Öğe 25

Öğe 26

Öğe 27

Öğe 28

Öğe 29

Öğe 30

Satır 1

Satır 2

Satır 3

Satır 4

Satır 5

Satır 6

Satır 7

Satır 8

Satır 9

Satır 10

Satır 11

Satır 12

Satır 13

Satır 14

Satır 15

Satır 16

Satır 17

Satır 18

Satır 19

Satır 20

Satır 21

Satır 22

Satır 23

Satır 24

Satır 25

Satır 26

Satır 27

Satır 28

Satır 29

Satır 30

Kaydırılmayan bir başlık

Dikey hale getirilmiş bir bölme: dar bir bölge, tuttuğu şeyin yüksekliğindedir, gövde geri kalanını alır ve altında kaydırılır. Bu, üstte bir araç çubuğu olan bir panelin düzenidir.
zone--narrow

Satır 1

Satır 2

Satır 3

Satır 4

Satır 5

Satır 6

Satır 7

Satır 8

Satır 9

Satır 10

Satır 11

Satır 12

Satır 13

Satır 14

Satır 15

Satır 16

Satır 17

Satır 18

Satır 19

Satır 20

Satır 21

Satır 22

Satır 23

Satır 24

Satır 25

Satır 26

Satır 27

Satır 28

Satır 29

Satır 30

Minimumun altında

Bir zemin verildiğinde, esnek bölge tam bir satır alır ve boyutlandırılmış sütun onun üstünde hareket eder, ikisi de hiçbir şeye sıkıştırılmak yerine. Pencereyi daraltarak katlanışını görebilirsiniz.
zone--narrow
zone

Bu bölgeye verilen zemin altında, kendine ait bir satır alır.

İçeriği kadar geniş

`zone--fit-content`: bölge, içinde tuttuğu şeyin genişliğini alır — birçok sütundan oluşan bir tablo — kalan alana göre değil. Satır bir bütün olarak taşar ve yanlamasına kaydırılır, kaydırma çubuğu çerçevenin alt tarafında, yalnızca tablonun altında değil; her bölge yine kendi başına aşağı kaydırılır.

Öğe 1

Öğe 2

Öğe 3

Öğe 4

Öğe 5

Öğe 6

Öğe 7

Öğe 8

Öğe 9

Öğe 10

Öğe 11

Öğe 12

Öğe 13

Öğe 14

Öğe 15

Öğe 16

Öğe 17

Öğe 18

Öğe 19

Öğe 20

Öğe 21

Öğe 22

Öğe 23

Öğe 24

Öğe 25

Öğe 26

Öğe 27

Öğe 28

Öğe 29

Öğe 30

zone--fit-content
Sütun 1Sütun 2Sütun 3Sütun 4Sütun 5Sütun 6Sütun 7Sütun 8Sütun 9Sütun 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

Bir sayfanın yanında

`zone--portrait`: satır yüksekliğindeki dikey bir sayfadan (3:4) asla daha dar değildir. Elle genişletilen metin genişliğini korur ve satır sayfayı sıkıştırmak yerine yana kayar.
zone--measure (--zone-size: 48rem)

Öğe 1

Öğe 2

Öğe 3

Öğe 4

Öğe 5

Öğe 6

Öğe 7

Öğe 8

Öğe 9

Öğe 10

Öğe 11

Öğe 12

v1.0.29