CSS box model
Në shqip: Modeli i kutisë në CSS
ShpjegimiSQ
Në CSS çdo element është një kuti me katër shtresa: përmbajtja, padding (hapësira brenda), border (korniza) dhe margin (hapësira jashtë, deri te elementet e tjera). Kur diçka del më e madhe se ç'prisje, zakonisht faji është te këto.
EnglishEN
In CSS every element is a box with four layers: the content, padding (space inside), border (the frame) and margin (space outside, up to other elements). When something comes out bigger than you expected, these are usually why.
Si ta mendosh
Si një foto me kornizë në mur: fotoja është përmbajtja, kartoni i bardhë rreth saj është padding, korniza është border, dhe hapësira deri te fotoja tjetër është margin.
Lexoje në anglisht
Like a framed photo on the wall: the photo is the content, the white card around it is the padding, the frame is the border, and the gap to the next photo is the margin.
Shembull kodicss
.karta {
padding: 16px; /* hapësira brenda */
border: 2px solid gray; /* korniza */
margin: 24px; /* hapësira jashtë */
}