CSS padding yek ji nav taybetmendiyên yên modela CSS-ê ye . Ev milkê hûrgelê li her çar aliyên hêla HTML-ê destnîşan dike. CSS padding dikare nêzîkî her HTML tagê (ji bo hin hûrgehên sifrê) tê bikaranîn. Herweha, her çar aliyên hêla hêla dikare nirxek cuda ye.
Xanûbereya CSS'yê
Ji bo karanîna sîteya CSS-ê deverek bikar bînin, hûn dikarin "TRouBLe" (yan "TRiBbLe" ji bo we ji bo televîzyonên Star Star) bikar bînin. Ew ji bo jorîn , rast , bin , û çep digerin , û ew ji bo ku hûn di nav devera xwerû de diyar kirine armanca xwe dide. Bo nimûne:
xiftan: top right left bottom; padding: 1px 2px 3px 6px;Heke ku hûn nirxên jorîn bikar anîn, ew ê nirxek cuda ya hemî hemî ya her tiştê ku hûn hêla HTML-ê tê de dixebitîne bikar bînin. Heke hûn dixwazin ku heman çarçoveya hemî çar aliyan bixwînin, hûn dikarin CSS hêsan bikin û tenê wêjeyeke yek binivîse:
padding: 12px;Bi vî awayî CSS, 12 pîlên pêdivî yên li her çar aliyan yên elementa
Heke hûn dixwazin ku ji bo jor û binê heman rengê binivîsin û çep û rast, hûn dikarin du nirxan binivîse:
padding: 24px 48px;Yekem yekem (24px) dê li jor û jêrîn serî bigrin, gava ku duyemîn dê çep û rastê bixwaze.
Heke hûn sê nirxan binivîsin, ew ê heman heman rengî (çep û rast) çêbikin, dema ku di bin û jêr de biguherînin:
danî: top right-and-left bottom; padding: 0px 1px 3px;Li gorî modela CSS-ê de, pêdivî ye ku ji hêla element / naveroka xwe ve ye. Ev tê wateya ku davêjin di nav elementek çarçoveya anjî û nirxên sînor ên ku hûn bikar tîne, di elementê de ye. Heke ku şewitandin bi sîvik ve tê de ye, hingê ew heman rengî wekî materyal heye.
Nirxên CSS'yê
CSS padding dikare dikare nirxek neyek negatîf bistînin. Ji bîr bisekin ku pîvana nimûne, wekî px an em. Hûn dikarin ji sedemên we re rêjeya xwe diyar bikin, ku ji sedî ya çarçoveya elementê ya blokek dê bibe. Di vê çarçoveyê de ji bo top û jêrîn. Bo nimûne:
#container {width: 800px; height: 200px; } #container p {width: 400px; bilindahî: 75%; xift: 25% 0; }Ya bilindahiya parçeyê di hundirê #container elementê de dê% 75 ji% #container heqê 25% ya çarçoveyê ya ji bo topa çermê û 25% ji çarçoveyê ji bo binavê jêrîn. Ev tevahî 300 + 200 + 200 = 700px.
Pirsgirêkên Daxistin CSS CSS
Li elementên asta asta astengî , li ser çar aliyan li ser pêvekirinê tête kirin. Ji ber ku hêja blok an blokek e, hûrbûna li ser aliyên çepê tê bikaranîn.
Dema ku CSS padding di elementên inline de zêde dibe, dibe ku hin hûrgelên hêman ên binivîsin bin heya binavê binivîsin bin heger heya pirtûka vertical dûrtirîn hewayê, lê ew ê tîrêjê xelet bike. Horizontal CSS padding ji bo elementên inline dê bi destpêka hêla element û enda elementê zêde bibin. Û qeçik dikare xêzên xistin. Lê ew ê li ser her tîmên yekîneyên pirjimar pirrjimar neynin, da ku hûn nehêle bikar anîn binê beşek navendî ya pirzimanî.
Her weha, di CSS2.1 de, hûn nikarin blokên konseran ava bikin ku çarçove li ser elementên bi çarçoveyên çarçoveyên (an çarçoveyên çarçove) girêdayî ye. Heke hûn encama encam nayê xistin. Browser dê hîn nimûneyên xwe nîşan bide, lê hûn nikarin encamên ku hûn hêvî dikin nebin. Heke hûn difikirin, ew têgihîştin, wek ku hûn pisporê elementê hewce ne ku hewceya çarçoveya zarokê zarokê xwe bizanibin da ku ji bo çarçoveya wê binivîsînin-wek ku gava ku ew pîvana pêş-pîvan nîne, û yek an bêtir heye çarçoveya wek çarçoveya nimûnerê katalê, ev yek zengalek rêzikek bi bersiva bersivê dike. Heke hûn di çarçoveya xwe de ji bo çarçoveyek tiştek bikar bînin, divê hûn bisekinin ku bavê bavê bavêjin jî diyar kirin.