A  plussz paraméterek:
B  plussz paraméterek:
margin:10px;
C  plussz paraméterek:
margin:10px; padding:10px;
D  plussz paraméterek:
margin:10px; padding:10px; border:5px solid red;








"Box Model of the browsers"

Beállítások:

A <body> stílus-paraméterei:
"body{width:100%;height:100%;background-color:black;color:white;}"

Az "A B C D" <div>-ek közös stílus-paraméterei:
"float:left; width:200px; height:100px; background-color:green;"

!!!! A fehér elválasztó-vonalak csak a model szerkezetének láthatósága miatt szükségesek, vízszintes(w=1000px/h=1px) és függőleges(w=1px/h=160px) !!!!
!!!! A narancs méret-vonalak csak a tartalmi rész méreteinek láthatósága miatt szükségesek vízszintes(w=200px/h=3px) és függőleges(w=3px/h=100px) !!!!

JS-el lekérdezett <div> méretek:

 

A <body> margin-értékeinek módosítása:

        

Megjegyzések:

1. A <html> tag a következő szabványos attribútumokat támogatja:   dir, lang, xml:lang
2. A <body> tag a következő szabványos attribútumokat támogatja:  dir, lang, xml:lang, class, id, style, title
3. A <body> tag alapértelmezett margin értéke = 8px a következő böngészőknél:  Firefox, Opera, Chrome, Safari, IE-8   (ellenőrzés TESZT-gombokkal)
4. A <body> tag alapértelmezett margin értéke IE-6,7 verzióknál:   !!!INKÁBB NE IS BESZÉLJÜNK RÓLA!!!
    (??? Az 1px magas "elválasztó-vonal" nem akar 1px lenni(IE-6), a leírás top-ja eltérő(IE-6,7), alapból a 'margin=15px 10px;'(IE-6,7) ???)

Vissza a TESZTEK-re