Rukia hadi maudhui
Usaidizi
Kiswahili
Kijenzi cha duka

Vipande vya mpangilio: vikundi, maandishi, na vigawanyiko

Tumia vipande vya Kikundi, Maandishi, na Kigawanyiko kudhibiti nafasi, ufanani, na muundo ndani ya sehemu bila kuandika CSS.

Muhtasari

Vipande vitatu vya mpangilio vinavyoweza kutumika tena vinaonekana karibu katika kila sehemu katika kitengo cha kuunda: Kikundi, Maandishi, na Kigawanyiko. Kuvielewa hukuruhusu kuunda mpangilio wowote unaohitaji bila kuandika CSS.

Kikundi

Kikundi ni chombo cha mpangilio kinachobadilika. Ongeza vitalu vya watoto ndani yake (maandishi, vitufe, picha, ingizo la jarida, na hata vikundi vilivyopangwa) na udhibiti haswa jinsi vinavyopangwa.

Mwelekeo

  • Wima: watoto hujipanga juu hadi chini (chaguo-msingi kwa sehemu nyingi).
  • Mlalo: watoto hukaa kando kwa kando katika safu.

Washa Panga kwenye Simu kubadilisha moja kwa moja kikundi cha mlalo kwenye mpachano wima kwenye skrini ndogo.

Ufanani na nafasi

Mipangilio hii miwili hudhibiti jinsi watoto wanavyosambazwa kwenye mhimili wa msingi na wa ncha kwa ncha. Maana yao hubadilika kulingana na mwelekeo wa kikundi:

  • Mwelekeo wima: Nafasi hudhibiti usambazaji wa wima (juu, katikati, chini, au kati). Ufanani hudhibiti uwekaji wa mlalo (kushoto, katikati, kulia, au kati).
  • Mwelekeo mlalo: Ufanani hudhibiti usambazaji wa mlalo (kushoto, katikati, kulia, au kati). Nafasi hudhibiti uwekaji wa wima (juu, katikati, chini, au kati).

Kati husambaza watoto sawasawa na nafasi sawa kati yao, ambayo ni muhimu kwa kunyoosha vitu katika safu ya upana kamili.

Pengo

Nafasi kwa pikseli kati ya vipengele vya watoto (0 hadi 100 px, chaguo-msingi 20 px).

Upana

  • Jaza: huongeza kuchukua nafasi yote inayopatikana katika mzazi. Tumia hii kwa vikundi vinavyopaswa kushiriki nafasi sawasawa ndani ya mzazi wa mlalo.
  • Mlingano: hupunguka kwenye ukubwa wa asili wa maudhui yake. Tumia hii kwa vikundi vinavyopaswa kuwa pana tu kama vilivyomo ndani yake.
  • Maalum: weka asilimia maalum (0 hadi 100%). Kikundi kitashikilia ukubwa huo bila kukua au kupunguka.

Mpango wa rangi na urithi

Kwa chaguo-msingi kikundi huurithi mpango wa rangi wa sehemu yake ya mzazi. Zima Rithi mpango kuweka mpango wa rangi wazi (1 hadi 9) kutoka mipangilio yako ya rangi ya kimataifa. Hii hukuruhusu kuunda maeneo tofauti ya rangi ya mandharinyuma au maandishi ndani ya sehemu bila kuongeza sehemu mpya.

Mipaka

Ongeza mipaka kuzunguka kikundi. Chaguo: Hakuna au Imara. Imara ikichaguliwa, weka unene wa mpaka (1 hadi 20 px); rangi inatoka kwenye rangi ya mpaka ya mpango unaofanya kazi.

Pande zote

Kuzungushwa kwa kona kwa pikseli (0 hadi 100). Tumia hii kuunda vyombo vya kikundi vya kadi.

Uwazi

Uwazi wa jumla wa kikundi (0 hadi 100%, chaguo-msingi 100%).

Uwanja

Huongeza safu ya rangi ndani ya kikundi. Ukiwashwa, weka Rangi ya Uwanja (ikijumuisha uwazi ukitumia kitelezaji cha uwazi cha kichaguzi cha rangi), Mtindo (kujaza tamaa tamaa au gradient inayofifia hadi wazi), na kwa gradient Mwelekeo (juu au chini). Hii mara nyingi hutumiwa kuunda safu ya upole wa rangi juu ya mandharinyuma ya media katika sehemu ya shujaa.

Kingo

Nafasi kwenye kila upande kwa pikseli (juu, kushoto, kulia, na chini), kila moja kuanzia 0 hadi 100 px. Kingo zinatumika ndani ya mpaka wa kikundi, kuunda nafasi ya kupumzika kati ya mpaka na watoto wa kikundi.

Maandishi

Kipande cha maandishi hutengeneza maudhui ya maandishi matajiri (vichwa, aya, na nakala iliyoumbizwa) ndani ya sehemu au kikundi. Kihariri kinasaidia herufi nzito, italiki, kusisitiza, kupiga mstari, na maandishi ya rangi.

Kiolezo

Kiolezo cha uchapaji hudhibiti ukubwa wa fonti, uzito wa fonti, na jukumu la semantiki la maandishi. Violezo vinavyopatikana:

  • Chaguo-msingi: huurithi mwelekeo wa msingi wa maandishi wa sehemu.
  • Aya: mtindo wa maandishi ya mwili.
  • Kichwa 1 hadi Kichwa 6: ukubwa unaopungua kutoka kubwa zaidi hadi ndogo zaidi, ukitumia fonti ya kichwa iliyowekwa katika mipangilio yako ya uchapaji.

Ukubwa

Ukubwa maalum wa fonti kwa pikseli (10 hadi 30 px) unaobatilisha ukubwa wa kiolezo. Acha kwenye chaguo-msingi kuruhusu kiolezo kuamua ukubwa.

Upana

  • Mlingano: kipande cha maandishi ni pana tu kama maudhui yake.
  • Jaza: kipande cha maandishi kinaongeza hadi 100% ya upana wa chombo kinachopatikana.

Ufanani

Ufanani wa maandishi wa mlalo: Kushoto, Katikati, au Kulia.

Urefu wa mstari

Hudhibiti mdundo wa wima: Ufupi (mistari iliyosongamana), Kawaida (chaguo-msingi), au Wazi (mistari yenye nafasi).

Nafasi ya herufi

Hudhibiti nafasi ya herufi: Ufupi (herufi karibu zaidi), Kawaida (chaguo-msingi), au Wazi (herufi mbali zaidi).

Mpango wa rangi na urithi

Kwa chaguo-msingi kipande cha maandishi huurithi rangi yake kutoka sehemu ya mzazi. Zima Rithi mpango kutumia mpango maalum wa rangi. Violezo vya kichwa hutumia rangi ya kichwa ya mpango; violezo vya aya na chaguo-msingi hutumia rangi ya maandishi ya mwili ya mpango.

Kingo

Nafasi ya ndani kwenye kila upande kwa pikseli (juu, kushoto, kulia, na chini), kila moja kuanzia 0 hadi 100 px.

Kigawanyiko

Mstari wa kutenganisha wa kuona. Katika mpangilio wa wima unaonekana kama mstari wa mlalo. Ndani ya kikundi cha mlalo unaonekana kama mstari wa wima. Kigawanyiko hurekebisha moja kwa moja kwa mwelekeo wa chombo chake cha mzazi.

Unene

Unene wa mstari kwa pikseli (1 hadi 10 px, chaguo-msingi 1 px).

Urefu

Upeo wa mstari kama asilimia ya chombo chake (5 hadi 100%, chaguo-msingi 100%). Weka hii chini ya 100% na kuchanganya na ufanani kuunda mstari wa mapambo wa katikati au uliowekwa ndani.

Mtindo wa kap ya mwisho

  • Mkali: ncha za mstatili.
  • Mviringo: ncha za vidonge.

Ufanani

Jinsi mstari unavyowekwa urefu wake ukiwa chini ya 100%: Mwanzo, Katikati (chaguo-msingi), au Mwisho.

Upana

  • Mlingano: chombo cha kigawanyiko ni pana tu kama mstari wenyewe.
  • Jaza: chombo cha kigawanyiko kinaongeza kujaza nafasi inayopatikana katika mzazi wake.

Mpango wa rangi

Kwa hiari weka mpango wa rangi (1 hadi 9). Kigawanyiko hutumia rangi ya mpaka kutoka mpango uliochaguliwa. Mpango haujawekwa, huurithi rangi kutoka sehemu ya mzazi au kikundi.

Kingo

Nafasi kwenye kila upande kwa pikseli. Kigawanyiko kikiwa cha kiwango cha sehemu, thamani za kingo zinaenda hadi 200 px kwa nafasi ya kutosha ya wima.

Mitego ya kawaida

  • Vikundi viwili vya kujaza ndani ya mzazi wa mlalo: kila kimoja kitachukua 50% ya nafasi inayopatikana, ambayo kwa kawaida ndiyo unayotaka. Upande mmoja ukihitaji kuwa pana zaidi kuliko mwingine, tumia upana wa Maalum kwenye mmoja wao.
  • Kigawanyiko cha wima kisichoonekana: kigawanyiko huwa cha wima tu kinapokuwa watoto wa moja kwa moja wa kikundi kilichowekwa kwenye mwelekeo wa Mlalo. Hakikisha mwelekeo wa kikundi cha mzazi umewekwa kwenye mlalo.
  • Maandishi yanaonyesha rangi isiyotarajiwa: kipande cha maandishi kikionekana na rangi mbaya, uwezekano ni kurithi kutoka kikundi cha mzazi chenye mpango tofauti wa rangi. Zima Rithi mpango kwenye kipande cha maandishi na uweke mpango sahihi wazi.