Box Model demonstráció (privát kérésre)

A CSS doboz modell lényegében egy olyan blokk, amely minden HTML elemet körülvesz. (A mérce vonalak bal/alsó élei 10px távolságra vannak)
Ez a blokk a következőkből áll bentről kifelé: tényleges content, padding, border és margin a content körül, amely együtt adja a megjelenési méretet.
(Pl: width + padding 2x + border 2x + margin 2x azaz 320px, ha nem %-os valamelyik, mert akkor az a szülő elemből - w:100%, h:500px - van számolva)

JS-el lekérdezett adatok (Ha lehet, legalább 1300px széles kijelzőn teszteld!)
Ez a szöveg a doboz aktuális tartalma (teljes szöveg egy span-ban).
Hozzáadtam 20px padding-ot, 20px margin-t és 20px zöld border-t.
Magasság: nincs megadva,
Max-magasság: nincs megadva
(a margin átlátszó ezért a szülő vzöld háttere látszk!)

A DIV-ek mindegyike 200px széles és 20px border-je van (bordernél nem lehet %-os megadás).
Nézd meg a w3schools oldalát vagy egy rövid ismertetőt a Dobozmodell-ről is!
Ez a szöveg a doboz aktuális tartalma (teljes szöveg egy span-ban).
Hozzáadtam 20px padding-ot, 20px margin-t és 20px zöld border-t.
Magasság: 90%
Max-magasság: 350px
(a margin átlátszó ezért a szülő vzöld háttere látszk!)

A DIV-ek mindegyike 200px széles és 20px border-je van (bordernél nem lehet %-os megadás).
Nézd meg a w3schools oldalát vagy egy rövid ismertetőt a Dobozmodell-ről is!
Ez a szöveg a doboz aktuális tartalma (teljes szöveg egy span-ban).
Hozzáadtam 1.482% padding-ot, 1.482% margin-t és 20px zöld border-t.
Magasság: 70%
Max-magasság: nincs megadva
(a margin átlátszó ezért a szülő vzöld háttere látszk!)

A DIV-ek mindegyike 200px széles és 20px border-je van (bordernél nem lehet %-os megadás).
Nézd meg a w3schools oldalát vagy egy rövid ismertetőt a Dobozmodell-ről is!
Ez a szöveg a doboz aktuális tartalma (teljes szöveg egy span-ban).
Hozzáadtam 1% padding-ot, 1% margin-t és 20px zöld border-t.
Magasság: nincs megadva
Max-magasság: nincs megadva
(a margin átlátszó ezért a szülő vzöld háttere látszk!)

A DIV-ek mindegyike 200px széles és 20px border-je van (bordernél nem lehet %-os megadás).
Nézd meg a w3schools oldalát vagy egy rövid ismertetőt a Dobozmodell-ről is!