Ny fonosana CSS dia iray amin'ireo toetra ofisialy ny boaty CSS . Ity fananana shorthand ity dia mametraka ny fanesorana manodidina ny lafiny efatra amin'ny singa HTML. Ny fonosana CSS dia azo ampiharina amin'ny alàlan'ny HTML rehetra (afa-tsy amin'ny marika sasany amin'ny tabilao). Ankoatra izany, ny lafiny efatra amin'ny singa rehetra dia mety hanana lanjany hafa.
CSS Padding Property
Mba hampiasa ny fananganana fonosana CSS, azonao ampiasaina ny mnemonic "TRouBLe" (na "TRiBbLe" ho anao mpankafy Star Trek). Ity dia ho an'ny top , ny farany , ny ambany , ary ny sisa , ary io dia manondro ny lamin'ny fandrefesana fanala izay napetrakao ao amin'ny fananana shorthand. Ohatra:
padding: ambony ambany havia; padding: 1px 2px 3px 6px;Raha nampiasa ireo soatoavina voalaza etsy ambony ianao, dia hampihatra sanda hafa amin'ny padova amin'ny lafiny rehetra amin'ny singa HTML izay ampiharinao izany. Raha te-hampihatra ny dian-tongotra amin'ny lafiny efatra ianao dia azonao atao ny manatsotra ny CSS ary manoratra fotsiny ny lanjany iray:
padding: 12px;Amin'ny alalan'io andalana CSS io, 12 pikselan'ny fametahana dia ampiharina amin'ny lafiny efatra amin'ny singa rehetra.
Raha tianao ny hitovy amin'ny tampony sy ny ambany ary ny ankavia ary ny ankavanana, dia afaka manoratra sanda roa ianao:
padding: 24px 48px;Ny lanjany voalohany (24px) dia mihatra amin'ny tampony sy ny farany, raha mihatra amin'ny ankavia sy ankavanana kosa ny faharoa.
Raha manoratra tombam-bidy telo ianao, dia manamboatra ny takelaka horita (havia sy havanana) toy izany, raha miova ny ambony sy ny ambany:
padding: ambony ambany havia havanana; padding: 0px 1px 3px;Araka ny modelin'ny boaty CSS, ny fonosana dia akaiky indrindra amin'ny singa / votoaty. Midika izany fa ny fonosana dia ampidirina amin'ny singa iray eo anelanelan'ny habaka na haavon'ny habaka sy ny sanda andrefana ampiasainao. Raha voafetra ny zana-kisary, dia manana faribolana mitovy amin'ny votoatiny.
CSS Padding Values
Ny fandraketan-tsoratra CSS dia mety hitondra lanjany tsy misy lanjany. Ataovy azo antoka ny mamaritra ny fepetra, toy ny px na em. Azonao atao koa ny mamaritra ny isan-jatony amin'ny padanao, izay ho isan-jato amin'ny sakan'ny elanelana misy block. Tafiditra ao anatin'io famolahana tampony io. Ohatra:
#container {width: 800px; avo: 200px; } #container p {width: 400px; height: 75%; padding: 25% 0; }Ny haavon'ny fehintsoratra ao anatin'ny singa #container dia 75% amin'ny haavon'ny # container plus 25% amin'ny sakan'ny tohotra voalohany ary 25% amin'ny sakan'ny tohotra. Izany dia 300 + 200 + 200 = 700px.
Ny vokatry ny fampidirana CSS padding
Ao amin'ny singa sivana, dia ampiharina amin'ny lafiny efatra ny padika. Satria efa misy sakana na boaty ny singa efa, dia ampiharina amin'ny sisin'ny boaty ny fanesorana.
Rehefa ampidirina amin'ny endriky ny endriky ny CSS ny fonosana, dia mety hisy fifandimbiasana ny singa etsy ambony sy ambany ambanin'ny elanelana raha toa ka mihoatra ny haavon'ny tsipika ny famolahana milina avoitra, fa tsy manindry ny halavan'ny andalana. Ny takelaka horonana CSS izay ampiharina amin'ny singa ampiasaina dia hampidirina am-piandohan'ny singa sy ny faran'ny singa. Ary ny fametahana dia mety hamatotra ny tsipika. Na izany aza dia tsy mihatra amin'ny tsipika rehetra misy singa maromaro izy io, noho izany dia tsy afaka mampiasa fonosana ianao mba ahafahana miditra tsinjara maromaro ao anaty votoatin-drakitra maromaro.
Ankoatra izany, ao CSS2.1, tsy afaka mamorona blôgina misy tahirin-tsakafo ianao izay miankina amin'ny singa iray miaraka amin'ny isan-jaton'ny haavony (na lavaka fanasan-damba). Raha toa ka tsy voafaritra ny valiny. Ny browsers dia mbola mampiseho ny ao anatiny, saingy mety tsy ho azonao ny vokatra izay andrasanao. Raha mieritreritra an'izany ianao, dia misy dikany izany, toy ny hoe mila mamantatra ny sakan'ny zanany ny elanelana misy anao, mba hamaritana ny sakany - toy ny hoe tsy manana alim-bolana voafaritra izy, ary iray na mihoatra Ny habe iray isam-bolana amin'ny singa entona, izany dia mametraka rojo boribory tsy misy valiny. Raha mampiasa ampahan-tsinjara ho an'ny zavatra rehetra ao amin'ny antontan-taratasy ianao, dia tokony ho azo antoka fa voafaritra koa ny sakan'ny elanelam-paritra.