E hoʻohana iā CSS i ka Zero Out Your Limits and Borders

Ua hele mai ka pūnaewele pūnaewele i kahi lōʻihi mai nā lā lapuwale kahi e like me keʻano likeʻole o ka hoʻokele e like me keʻano o ka hoʻokele. Loaʻa i nā mea pūnaewele pūnaewele i nā mea kūpono loa. Ke pāʻani maikaʻi nei lākou a ke hōʻike nei i ka hōʻike pono ma o nā pūnaewele. ʻO kēia me nā pūnaewele hou loa o Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Safari, a me nā mea huli'ē aʻe iʻikeʻia i nāʻano mau polokalamu kelepona i hoʻohanaʻia eʻike i ka pūnaewele i kēia mau lā.

ʻOiai ua holomua ka holomua ma kaʻikeʻana i nā pūnaewele pūnaewele a pehea e hōʻike ai lākou i ka CSS, aia nō naʻe nā kuhihewa ma waena o kēia mau koho polokalamu. ʻO kahi o nā kuʻuna maʻamau,ʻo ia keʻano e helu ai kēlā mau pūnaewele i nā palena, ka paleʻana, a me nā palena ma ke kuhi.

Ma muli o kēia mau hiʻohiʻona o ka pahu pahu hana i nā kumu HTML a pau, a no ka mea he mea nui ia i ka hanaʻana i nāʻaoʻaoʻaoʻao,ʻo ka hōʻikeʻikeʻole e pili ana i kahi o kaʻaoʻao e nānā nui i hoʻokahi polokalamu kele pūnaewele, akā e nānā iki aʻe i kekahi. No ka hakakāʻana i kēia pilikia, nui nā mea hoʻolālā pūnaewele e hoʻomaʻamaʻa i kēia mau hiʻohiʻona o ke kāʻei pahu. Hoʻomaopopoʻia kēia hanaʻo "zeroing out" i nā kumukūʻai no nā palena, pale, a me nā palena.

ʻO kahi hōʻike ma nā Palekana Pūnaewele

Loaʻa nā pūnaewele pūnaewele no nāʻaoʻao hōʻike o kahiʻaoʻao. ʻO kekahi laʻana, nā bluelinks he uliuli a hoʻohālikelikeʻia e ka paʻamau. Ua kūlike kēia i nā mea likeʻole o nā polokalamu kele pūnaewele, aʻoiai he mea ia i hoʻololiʻia e ka nui o nā mea hoʻolale e like me nā pono hana o kā lākou papahana kūikawā,ʻo ka hōʻoiaʻana e hoʻomaka nei lākou me nā kuhi likeʻole e maʻalahi ke hana i kēia mau hoʻololi. ʻO ka mea kaumaha,ʻo ka paʻakikī paʻakikī no nā kaʻina, ka paleʻana, a me nā palenaʻole eʻoluʻolu i ka like o ke kaʻina o ka pūnaewele.

Hoʻopilikelike i nā Uila no nā'Akewā a me ka paleʻana

ʻO ke ala maikaʻi loa e hoʻoponopono ai i ka pilikia o keʻano pahuhopu kālaiʻole e hoʻonohonoho i nā kumukūʻai a me nā pale pale o nāʻano HTML a zero. Aia kekahi mauʻaoʻao e hiki ai iāʻoe ke hana i kēia ke hoʻopiliʻana i kēia kulekele CSS i kāu style style:

* Mahele: 0; pale: 0; }

Ke hoʻohana nei kēia kulekele CSS i ka '* aiʻole ka'āpana'ākau. ʻO kēlāʻano keʻano "nā māhele a pau" a ke koho nui nei i kēlā me kēia HTML me ka hoʻonohonohoʻana i nā palena a me ka paleʻana i ka 0.ʻOiaiʻo kēia kulekele he mea kūponoʻole, no ka mea aia i loko o kāu styleheet waho, eʻoi aʻe kona kūlana ma mua o ka pūnaewele paʻamau nā koina. Ma muli o kēlā mau paʻiwaho ka mea e kākau anaʻoe, e hana ana kēia kāʻei i nā mea āu e hoʻomaka nei e hana.

ʻO kekahi koho,ʻo ia ka hoʻohanaʻana i kēia mau koina i nā pae HTML a me nā kino. Ma muli o nā mea'ē aʻe a pau ma kāuʻaoʻao he mau keiki ia o kēia mau māheleʻelua, pono ka hoʻohanaʻana i kēia mau koina CSS i kēlā mau mea'ē aʻe.

html, pilina o ke kino: 0; pale: 0; }

E hoʻomaka kēia i kāu hoʻolālā ma kahi hoʻokahi ma nā pūnaewele a pau, akā hoʻokahi mea e hoʻomanaʻo aiʻo ia ka manawa e huli aiʻoe i nāʻaoʻao āpau a me ka paleʻana, ponoʻoe e hoʻololi hope iā lākou no nā wahi kiko'ī o kāu pūnaewele e hiki ai ke nānā a noʻonoʻoʻoe i kāheaʻia kāu koho.

Nā Borders

Hiki paha iāʻoe ke noʻonoʻo "akāʻaʻohe pūkaho i kahi palena a puni ke kino o ke kino ma keʻano kūpono". ʻAʻole pololei kēia. Loaʻa nā pae kahiko o Internet Explorer i ka palena ākea aʻikeʻoleʻia paha e pili ana i nāʻano. Ināʻoleʻoe e hoʻonoho i ka palena i 0, hiki i kēlā palena ke hoʻopau i kāu mauʻaoʻaoʻaoʻao. Inā ua hoʻoholoʻoe e hoʻomauʻoe i ke kākoʻoʻana i kēia mau hua'ōlelo paʻakikī o IE, ponoʻoe e hoʻopuka i kēia ma ka hoʻoukaʻana i kēia mau mea i kāu kino a me nāʻano HTML:

HTML, kino {
Mahele: 0px;
ka pale: 0px;
palena: 0px;
}

E like me keʻano o ka hemoʻana o nā palena a me ka paleʻana, e hoʻopauʻia hoʻi kēiaʻano hou i nā palena paʻakikī. Hiki iāʻoe ke hana i ka mea like me ka hoʻohanaʻana i ka mea koho heluna i hōʻike muaʻia i loko o ka puke.

Ka'ōlelo kumu mua na Jennifer Krynin. Hoʻoponoponoʻia e Jeremy Girard ma ka lā 9/27/16.