Cmlap Hírek, cikkek A CSS Box Modell

A CSS Box Modell

A css-ben egy html elem teljes helyfoglalását meghatározhatjuk a szélesség, behúzás, keret és margó szélességeinek összeadásával.

Az elem szélessége=width+padding*2+border-width*2
Teljes helyfoglalás=width+padding*2+border-width*2+margin*2

A magassága ugyanígy van számítva, csak a height értékekkel!
Amennyiben a bal és jobb oldali szélességek különböznek, akkor értelemszerûen azokkal az értékekkel kell kiszámolni a helyfoglalást!

például:
.box {
width:100px;
padding-left:3px;
padding-right:7px;
border-left:10px;
border-right:0px;
margin-left:5px;
margin-right:10px;
}

A példát alapul véve:
teljes szélesség=100+3+7+10+0=120px
teljes helyfoglalás=100+3+7+10+0+5+10=135px


S.K.B

Címke : box
Ha tetszett vagy hasznosnak talltad, krlek oszd meg!
Author / szerz:
Hozzszlsok
Vlasszon nyelvet!
Keress a tartalomban
Kattintson ide az adatok elkldshez!