CSS inasema ni zaidi ya mpaka
Mali isiyohamishika ya CSS ni mali ya kuchanganya. Unapojifunza kwanza kuhusu hilo, ni vigumu kuelewa jinsi ni mbali mbali na mali ya mpaka. W3C inaelezea kuwa ina tofauti zifuatazo:
- Inatoa sio kuchukua nafasi.
- Machapisho yanaweza kuwa yasiyo ya mstatili.
Inasemekana Usichukue nafasi
Maelezo haya, ndani yake yenyewe ni ya kuchanganya. Je, kitu kwenye ukurasa wako wa wavuti si kuchukua nafasi kwenye ukurasa wa wavuti? Lakini ikiwa unafikiria ukurasa wako wa wavuti kuwa kama vitunguu, kila kipengee kwenye ukurasa kinaweza kuchapwa juu ya kipengee kingine. Mali ya muhtasari haina kuchukua nafasi kwa sababu daima ni kuwekwa juu ya sanduku la kipengele.
Wakati muhtasari umewekwa karibu na kipengele, hauna athari yoyote juu ya jinsi kipengele hicho kinavyowekwa kwenye ukurasa. Haibadili ukubwa wa kipengele au msimamo. Ikiwa utaweka muhtasari juu ya kipengele, itachukua kiasi sawa cha nafasi kama kwamba haukuwa na muhtasari wa kipengele hicho. Hii sio kweli ya mpaka. Mpaka juu ya kipengele kinaongezwa kwa upana wa nje na urefu wa kipengele. Kwa hiyo ikiwa ungekuwa na picha ambayo ilikuwa na saizi 50 pana, na mpaka wa pixel 2, itachukua pixels 54 (pixels 2 kwa kila upande wa upande). Sura hiyo hiyo yenye muhtasari wa 2-pixel itachukua upana wa saizi 50 tu kwenye ukurasa wako, muhtasari utaonyesha juu ya makali ya nje ya picha.
Machapisho Inaweza Kuwa yasiyo ya Rectangular
Kabla ya kuanza kufikiria "baridi, sasa ninaweza kuchora miduara!" Fikiria tena. Taarifa hii ina maana tofauti kuliko unaweza kufikiri. Unapoweka mpaka juu ya kipengele, kivinjari hutafsiri kipengele kama ikiwa ni sanduku moja kubwa la mstatili. Ikiwa kisanduku kinapiga mgawanyiko juu ya mistari kadhaa, kivinjari huacha majipu ya wazi kwa sababu sanduku haifungwa. Ni kama kivinjari kinaona mipaka yenye skrini kubwa kabisa ya kutosha kwa ajili ya mpaka huo kuwa mstari mmoja unaoendelea.
Kinyume chake, mali ya muhtasari inachukua kuzingatia. Ikiwa kipengele kilichochapishwa kinatumia mistari kadhaa, muhtasari unafunga mwisho wa mstari na unafungua tena kwenye mstari unaofuata. Ikiwezekana, muhtasari utaendelea kushikamana kikamilifu pia, na kujenga sura isiyo ya rectangular.
Matumizi ya Mali ya Mpangilio
Moja ya matumizi bora ya mali ya muhtasari ni kuonyesha maneno ya utafutaji. Tovuti nyingi hufanya hili kwa rangi ya asili, lakini pia unaweza kutumia mali ya muhtasari na usijali kuhusu kuongeza nafasi yoyote ya ziada kwenye kurasa zako.
Mali ya muhtasari hupokea neno "invert" ambayo hufanya rangi ya muhtasari inverse ya historia ya sasa. Hii inakuwezesha kuonyesha mambo kwenye kurasa za Mtandao za nguvu bila kuhitaji kujua ni rangi gani zinazotumiwa .
Unaweza pia kutumia mali ya muhtasari ili uondoe mstari unaozunguka karibu na viungo vya kazi. Makala hii kutoka kwa CSS-Tricks inaonyesha jinsi ya kuondoa muhtasari wa dotted.