Tá stuáil CSS ar cheann de na hairíonna de shamhail bosca CSS . Leagann an t-airíonna príosúnachta seo an stuáil timpeall ar na ceithre thaobh d'eilimint HTML. Is féidir socrú CSS a chur i bhfeidhm ar bheagnach gach clibe HTML (ach amháin i gcás cuid de na clibeanna tábla). Ina theannta sin, is féidir go mbeadh luach difriúil ag gach ceithre thaobh den eilimint.
Maoin Paddála CSS
Chun úsáid a bhaint as an maoin stuáil CSS réamhléimhe, is féidir leat úsáid a bhaint as an "TRouBLe" neamhghnácha (nó "TRiBbLe" ar do shon lucht leanúna Star Trek). Seasann sé seo ar bharr , ar dheis , ar bhun , agus ar chlé , agus tagraíonn sé d'ord na leithead gúnaíochta a leagann tú sa mhaoin ghearr-thaistil. Mar shampla:
stuáil: barr ar dheis ar chlé; stuáil: 1px 2px 3px 6px;Má d'úsáid tú na luachanna a liostaítear thuas, bheadh sé i bhfeidhm go mbeadh luach éagsúil ag gach taobh den ghné HTML a bhfuil tú ag cur isteach air. Más mian leat an stuáil chéanna a chur i bhfeidhm ar na ceithre thaobh, is féidir leat do CSS a shimpliú agus luach amháin a scríobh:
stuáil: 12px;Leis an líne sin CSS, bheadh 12 picteilín de stuáil le gach ceann den 4 thaobh den eilimint.
Más mian leat an stuáil a bheith mar an gcéanna le haghaidh an barr agus an bun agus ar chlé agus ar dheis, is féidir leat dhá luach a scríobh:
stuáil: 24px 48px;Bheadh an chéad luach (24px) i bhfeidhm ar an mbarr agus ar an mbarr, agus bheadh an dara ceann ar chlé agus ar dheis.
Má scríobhann tú trí luachanna, déanfaidh an stuáil chothrománach (ar chlé agus ar dheis) mar an gcéanna, agus an barr agus an bun ag athrú:
stuáil: an bun barr ar dheis agus ar chlé; stuáil: 0px 1px 3px;De réir an tsamhail bosca CSS, is é an stuáil is gaire don eilimint / ábhar féin. Ciallaíonn sé seo go gcuirtear gléasadh le eilimint idir an leithead nó airde an ábhair agus aon luachanna teorann a úsáideann tú. Má tá an stuáil leagtha síos go nialas, ansin tá an imeall céanna leis an ábhar.
Luachanna Padding CSS
Is féidir le haltáil CSS aon luach fadtéarmach a dhiúltú. Bí cinnte an tomhas a shonrú, mar shampla px nó em. Is féidir leat céatadán a shonrú freisin maidir le do stuáil, rud a bheidh mar chéatadán de leithead bloc ina bhfuil an eilimint. Áirítear leis seo le haghaidh stuáil barr agus bun. Mar shampla:
#container {leithead: 800px; airde: 200px; } #container p {leithead: 400px; airde: 75%; stuáil: 25% 0; }Is é airde an mhír taobh istigh den eilimint #container ná 75% d'airde #container móide 25% den leithead don ghlóthach barr agus 25% den leithead don ghlóthach bun. Tá 300 + 200 + 200 = 700px ann.
Éifeachtaí Ag Athrú Stuáil CSS
Ar eilimintí blocleibhéil , cuirtear an stuáil i bhfeidhm ar na ceithre thaobh. Toisc go bhfuil bloc nó bosca ar an eilimint cheana féin, cuirtear an stuáil i bhfeidhm ar thaobh na mbosca.
Nuair a chuirtear cloicheáil CSS le heilimintí inlíne , d'fhéadfadh go mbeadh roinnt eilimintí thuas agus faoi bhun an eilimint inlíne má tharlaíonn an gléasadh ingearach ar an airde líne, ach ní chuirfidh sé an t-airde líne ar aghaidh. Cuirfear stuáil chothrománach CSS i bhfeidhm ar eilimintí inlíne le tús an eilimint agus deireadh an eilimint. Agus is féidir leis an stuáil línte imréitigh. Ach ní bheidh feidhm aige maidir le gach líne d'eilimint illíne, mar sin ní féidir leat stuáil a úsáid chun cuid de ábhar inlíne illíne a fhleasc.
Chomh maith leis sin, i CSS2.1, ní féidir leat bloic coimeádáin a chruthú nuair a bhíonn an leithead ag brath ar eilimint le céatadáin ar leithead (nó leithead buí). Mura ndéanann tú an toradh, ní fhíoraítear é. Taispeánfaidh na brabhsálaithe an t-ábhar fós, ach ní fhéadfaidh tú na torthaí a bhfuil súil agat a fháil. Má cheapann tú é, bíonn sé ciallmhar, amhail is dá mbeadh a fhios ag do ghné coimeádán leithead a cuid eilimintí linbh chun a leithead a shainmhíniú - mar shampla nuair nach bhfuil leithead réamhshainithe aige, agus go bhfuil ceann amháin nó níos mó ann Leagtar leithead mar chéatadán den eilimintí coimeádáin, cuireann sé seo slabhra ciorclach ar bun gan aon fhreagra. Má úsáideann tú na céatadáin ar leithead aon ní ar do dhoiciméad, ba chóir duit a chinntiú go sainmhínítear leithead na dtuismitheoirí.