07 - Box modellen
Box model
Margin
Border
padding
Content
Alle bokser har satt bredde og høyde til 10em.
Box-sizing
border-box
content-box
Margin
Margin alle kanter
Margin høre og venstre side
Negativ margin
Padding
Padding alle kanter
Padding høyre side
Border
Border alle kanter
Border høyre side
Overflow
overflow: visible; Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Atque nihil, repellat beatae ullam
pariatur sed! Expedita facere, dignissimos tempora veritatis
repellendus nesciunt accusamus reprehenderit veniam ex sapiente
cupiditate alias molestiae odio eveniet, praesentium, hic unde!
Consectetur deleniti sit minima unde totam dignissimos debitis
tenetur laudantium qui culpa tempore, commodi incidunt saepe,
voluptatibus
overflow: hidden; Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Atque nihil, repellat beatae ullam
pariatur sed! Expedita facere, dignissimos tempora veritatis
repellendus nesciunt accusamus reprehenderit veniam ex sapiente
cupiditate alias molestiae odio eveniet, praesentium, hic unde!
Consectetur deleniti sit minima unde totam dignissimos debitis
tenetur laudantium qui culpa tempore, commodi incidunt saepe,
voluptatibus
overflow: auto; Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Reprehenderit delectus illo unde
eveniet earum excepturi cum velit facilis aliquam quo perferendis
quam praesentium, sit dolores voluptatum commodi, voluptate dicta.
Impedit dolore architecto id, nemo fugiat tenetur quia odit
eligendi nobis ex consequatur. Aut, ab at saepe aliquam, ullam
ratione mollitia delectus explicabo quia nobis est quaerat
pariatur eveniet iste officiis! Temporibus aut aliquid quaerat
odit optio magni reiciendis tempora est dicta dolor, autem, velit
necessitatibus corrupti repellat soluta fugiat at vero. Doloremque
reiciendis, rem eveniet quod dolor cupiditate, quisquam sit iusto
quaerat nisi culpa possimus in, libero perferendis iste ut!
overflow: scroll; Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Reprehenderit delectus illo unde
eveniet earum excepturi cum velit facilis aliquam quo perferendis
quam praesentium, sit dolores voluptatum commodi, voluptate dicta.
Impedit dolore architecto id, nemo fugiat tenetur quia odit
eligendi nobis ex consequatur. Aut, ab at saepe aliquam, ullam
ratione mollitia delectus explicabo quia nobis est quaerat
pariatur eveniet iste officiis! Temporibus aut aliquid quaerat
odit optio magni reiciendis tempora est dicta dolor, autem, velit
necessitatibus corrupti repellat soluta fugiat at vero. Doloremque
reiciendis, rem eveniet quod dolor cupiditate, quisquam sit iusto
quaerat nisi culpa possimus in, libero perferendis iste ut!