JavaScripts knippen en plakken
Op deze website vind je javascripts die je door eenvoudig knippen en plakken aan jouw site kunt toevoegen.
vorige   CSS voorbeelden: kader-eigenschappen   volgende

Voorbeelden van het wijzigen van de eigenschappen van een kader


De margin-top bedraagt 1 em, de margin-right 2 em, de margin-bottom 3 em en de margin-left 4 em. (Dit zijn de afstanden vanaf de buitenste rand).
<div style="margin:1em 2em 3em 4em; background-color: #33CC00">...</div>

De padding-top bedraagt 1 em, de padding-right 2 em, de padding-bottom 3 em en de padding-left 4 em. (Dit zijn de afstanden vanaf de binnenste rand)

<div style="padding:1em 2em 3em 4em; background-color: #CC9933">...</div>



De border-width is thin, de border-style is dotted en de kleur is geel.

<div style="border: thin dotted yellow ">...</div>



De border-width is thick, de border-style is dashed en de kleur is groen.

<div style="border:thick dashed green">...</div>



De border-width is medium, de border-style is solid en de kleur is rood.

<div style="border:medium solid red">...</div>


De border-width is 10 pt, de border-style is double en de kleur is blauw.

<div style="border:10pt double #3300CC">...</div>


De border-width is 5 pt, de border-style is inset, de kleur is lichtblauw, de achtergrondkleur blauw.

<div style="border:5pt inset #66CCFF; background-color: #0099FF">...</div>


De border-width is 5 pt, de border-style is outset, de kleur is lichtblauw, de achtergrondkleur blauw.

<div style="border:5pt outset #66CCFF; background-color: #0099FF">...</div>



Een volledige beschrijving van alle kader-eigenschappen (box properties) vind je op de site van w3.org

Ga verder naar de volgende pagina

Copyright: Het internet is van iedereen, de volledige inhoud van deze site kan door iedereen vrij gebruikt worden.