CSS-degi esasy we garpy oklary fleks bloklarynda

Fleksbokslar hakda iki terminologiýada gürrüň berilip bolýar: birinjisi - hatar ýa-da sütün, ikinjisi - oklar terminologiýasy. Hatar we sütünler bilen biz eýýäm meşgullandy, indi oklar bilen meşgullanyşalyň. Oklary düşünmek, elementleri gorizontal ýa-da wertikal taýdan düzmek üçin zerur.

Fleks elementleri bilen işleýärkä, daýym bir esasy ok we bir garpy ok bar bolýar. Biz elementleri esasy ok boýunca we esasy okdan garpy taýdan düzip bileris. Esasy okyň 4 ugry bolup biler: çepden sag, sagdan çep, ýokardan aşak we aşakdan ýokary.

Garpy okunyň ugry esasy okunyň ugryna baglydyr: eger esasy ok gorizontal bolsa, onda garpy ok ýokardan aşak ugurlanýar, eger esasy ok wertikal bolsa, onda garpy ok çepden saga ugurlanýar. Başga ugurlar garpy ok üçin mümkin däl.

Esasy okunyň ugry flex-direction aýratynlygy tarapyndan dolandyrylýar. Eger bu aýratynlyk row bahasyna eýe bolsa - esasy ok çepden saga ugurlanýar, eger bahasy row-reverse bolsa, onda sagdan çepa ugurlanýar. column bahasy oky ýokardan aşak ugurladyrýar, column-reverse bahasy bolsa - aşakdan ýokary.