Vyöhykkeet

Vyöhykkeet

Kaksipaneelinen työtila, johon jokainen tutkimus-, muokkaus- ja yksityiskohtanäkymä perustuu. Vyöhykkeellä ei ole omaa leveyttä eikä korkeutta: se, missä jakautumisessa se sijaitsee, määrittää sen koon, ja jokainen puoli vierittää itsenäisesti. Kaksi vyöhykettä ovat kaksi objektia sivulla, ei yksi paneeli, joka on leikattu kahtia — niiden erottava tekijä on niiden väli, ja `zone--panel` on se maapinta, jolla jokainen seisoo.

Jakautuminen

Yksi sarake on kooltaan, toinen ottaa sen, mitä jää. Koko määritellään askeleena, ja se on vyöhykkeen oma — sitä ei peritä sen sisällä olevilta.
zone--narrow zone--size-6
zone

Tämä puoli ottaa mitä tahansa kooltaan määritetty sarake jättää.

Jokainen puoli vierittää itsenäisesti

Vieritettävä vyöhyke on se, joka pitää ylivuodon, ei sivu. Vieritä näistä kahdesta yksi ja toinen pysyy paikallaan, mikä on koko muodon syy.

Kohde 1

Kohde 2

Kohde 3

Kohde 4

Kohde 5

Kohde 6

Kohde 7

Kohde 8

Kohde 9

Kohde 10

Kohde 11

Kohde 12

Kohde 13

Kohde 14

Kohde 15

Kohde 16

Kohde 17

Kohde 18

Kohde 19

Kohde 20

Kohde 21

Kohde 22

Kohde 23

Kohde 24

Kohde 25

Kohde 26

Kohde 27

Kohde 28

Kohde 29

Kohde 30

Rivi 1

Rivi 2

Rivi 3

Rivi 4

Rivi 5

Rivi 6

Rivi 7

Rivi 8

Rivi 9

Rivi 10

Rivi 11

Rivi 12

Rivi 13

Rivi 14

Rivi 15

Rivi 16

Rivi 17

Rivi 18

Rivi 19

Rivi 20

Rivi 21

Rivi 22

Rivi 23

Rivi 24

Rivi 25

Rivi 26

Rivi 27

Rivi 28

Rivi 29

Rivi 30

Otsikko, joka ei vieri

Jakautuminen käännettynä pystysuoraan: kapea vyöhyke on se korkeus, mitä se pitää, runko ottaa loput ja vierii sen alapuolella. Tämä on paneelin asettelu, jossa on työkalupalkki päällä.
zone--narrow

Rivi 1

Rivi 2

Rivi 3

Rivi 4

Rivi 5

Rivi 6

Rivi 7

Rivi 8

Rivi 9

Rivi 10

Rivi 11

Rivi 12

Rivi 13

Rivi 14

Rivi 15

Rivi 16

Rivi 17

Rivi 18

Rivi 19

Rivi 20

Rivi 21

Rivi 22

Rivi 23

Rivi 24

Rivi 25

Rivi 26

Rivi 27

Rivi 28

Rivi 29

Rivi 30

Alle minimin

Kun on lattia, joustava vyöhyke vie koko rivin ja kooltaan määritelty sarake liikkuu sen ylle sen sijaan, että molemmat puristuisivat olemattomiin. Supista ikkunaa nähdäksesi sen taittuvan.
zone--narrow
zone

Lattian alapuolella, jolle tämä vyöhyke on annettu, se vie oman rivinsä.

Aivan niin leveä kuin sisältönsä

`zone--fit-content`: alue ottaa sen leveyden, mitä se pitää sisällään — useiden sarakkeiden taulukko — eikä sitä, mikä sille jää. Rivi ylittää ja vierittää vaakasuunnassa yhtenä kokonaisuutena, sen vierityspalkki on kehyksen alareunassa, ei vain taulukon alla; jokainen alue vierittää edelleen alas omassa tahdissaan.

Kohde 1

Kohde 2

Kohde 3

Kohde 4

Kohde 5

Kohde 6

Kohde 7

Kohde 8

Kohde 9

Kohde 10

Kohde 11

Kohde 12

Kohde 13

Kohde 14

Kohde 15

Kohde 16

Kohde 17

Kohde 18

Kohde 19

Kohde 20

Kohde 21

Kohde 22

Kohde 23

Kohde 24

Kohde 25

Kohde 26

Kohde 27

Kohde 28

Kohde 29

Kohde 30

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

Sivun vieressä

`zone--portrait`: ei koskaan kapeampi kuin rivin korkuinen pystysivu (3:4). Käsin levennetty teksti pitää leveytensä ja rivi vierii sivuttain sivun puristamisen sijaan.
zone--measure (--zone-size: 48rem)

Kohde 1

Kohde 2

Kohde 3

Kohde 4

Kohde 5

Kohde 6

Kohde 7

Kohde 8

Kohde 9

Kohde 10

Kohde 11

Kohde 12