CSS padding yana daya daga cikin kaddarorin tsarin CSS . Wannan kayan aiki na taƙaitaccen abu yana sanya ƙuƙwalwa kewaye da kowane ɓangaren ɓangaren HTML. Ana iya amfani da takaddun CSS zuwa kusan kowane HTML tag (sai dai wasu daga cikin allo). Bugu da ƙari, duk ɓangarorin hudu na kashi suna iya samun darajar daban.
CSS Padding Property
Don amfani da kayan aikin CSS na takaici, za ka iya amfani da "TROUBLE" mai suna "TRiBbLe" don "Star Trek". Wannan yana tsaye a saman , dama , kasa , da hagu , kuma yana nufin tsarin ƙaddarar da kuke sanyawa a cikin dukiyar da aka gaza. Misali:
Farawa: saman hagu na sama dama; Dama: 1px 2px 3px 6px;Idan ka yi amfani da dabi'un da aka ambata a sama, za a yi amfani da darajar daban-daban a kowane gefen duk wani nau'in HTML wanda kake amfani da shi zuwa. Idan kana so ka yi amfani da takalma iri ɗaya a duk kusurwoyi huɗu, zaka iya sauƙaƙe ka CSS kuma kawai rubuta ɗaya darajar:
Kusawa: 12px;Tare da wannan layin na CSS, 12 pixels na padding za su shafi dukan bangarorin hudu na kashi.
Idan kana son maidawa ya zama daidai don sama da ƙasa da hagu da dama, zaka iya rubuta dabi'u biyu:
Samun: 24px 48px;Farashin farko (24px) zai shafi saman da kasa, yayin da na biyu zai yi amfani da hagu da dama.
Idan ka rubuta dabi'u guda uku, hakan zai sa kwakwalwan kwance (hagu da dama) daidai, yayin da kake canjawa da kasa:
Farawa: saman dama da hagu zuwa kasa; Dama: 0px 1px 3px;Bisa ga samfurin CSS, padding yana kusa da rami / abun ciki kanta. Wannan yana nufin cewa an ƙaddara padding zuwa wani ɓangaren a tsakanin nuni ko tsawo da duk iyakokin iyaka da kake amfani da su. Idan an saita padding ba kome, to, yana da nau'i ɗaya kamar abun ciki.
Codes Padding Target
CSS padding iya ɗaukar kowane nau'i maras kyau ko tsada. Tabbatar da ƙayyade ma'auni, kamar px ko em. Hakanan zaka iya ƙididdige yawan adadin ku, wanda zai zama kashi na nisa na ɓangaren nau'ikan da ya ƙunshi akwati. Wannan ya hada da sama da kasa. Misali:
#container {nisa: 800px; tsawo: 200px; } #container p {nisa: 400px; tsawo: 75%; padding: 25% 0; }Tsawancin sakin layi a cikin rabon #container zai zama 75% na haɗin #container da 25% na nisa ga ƙananan katako da kuma 25% na nisa ga kasa na padding. Wannan adadin 300 + 200 + 200 = 700px.
Hanyoyin Ƙara CSS Padding
A kan abubuwa masu toshe , ana amfani da padding a kusurwoyi huɗu. Saboda nauyin abu ne ko wani akwati da aka rigaya, ana amfani da padding a cikin sassan akwatin.
Lokacin da aka saka CSS a abubuwan haɗe-haɗe , za'a iya samun wasu abubuwa da ke sama da kuma ƙarƙashin ɓangaren haɗin in idan ƙaddamarwa ta tsaye ya wuce iyakar layin, amma ba zai tura ƙwanƙoli tsawo ba. CSS na kwance na amfani da abubuwa masu maƙalawa za a kara da su zuwa farkon ɓangaren da kuma ƙarshen kashi. Kuma dodding iya kunna layi. Amma ba zai shafi dukkanin layin layi ba, don haka ba za ka iya yin amfani da ƙuƙwalwa don ƙetare wani sashi na cikin layi na layi mai launi ba.
Har ila yau, a cikin CSS2.1, ba za ka iya ƙirƙirar tubalan toshe inda fadin ya dogara da wani ɓangaren da kashi ɗaya ba don ƙananan (ko padding widths). Idan ka yi sakamakon ba shi da cikakke. Masu bincike za su nuna abin da ke ciki, amma ba za ka sami sakamakon da kake tsammani ba. Idan kunyi tunani game da shi, yana da mahimmanci, kamar dai abin da ke cikin akwati ya buƙaci sanin nisa daga ɗayan yaran domin ya nuna girmanta-kamar lokacin da ba shi da iyakar da aka rigaya da aka tsara, kuma ɗaya ko fiye yana da wani nisa da aka saita a matsayin kashi na ɓangaren akwati, wannan ya kafa sashin madauwari ba tare da amsar ba. Idan ka yi amfani da kashi ɗaya ga kowane abu a kan takardar ka, ya kamata ka tabbatar cewa an sanya bayanin iyayen iyaye.