Divs opmaken met CSS
| Categorie | CSS |
| Geplaatst | 12-01-2006 |
| Laatste aanpassing | 25-07-2010 |
Tabellen zijn uit de mode. De divs nemen het over, en daarom richten we ons op de verschillende mogelijkheden die CSS biedt om je div een likje verf te geven.
Inleiding
Div is een afkorting van division. Letterlijk vertaald in het Nederlands betekent dit sectie. Een div is dus een sectie van een HTML-document die je een bepaalde vormgeving kunt geven.
In ons artikel divs positioneren kun je lezen hoe je een div een plaatsje kunt geven op je site. De volgende stap: het opmaken van de div.
Grootte
Hiermee kun je aangeven hoe groot de div moet worden. Je kunt dit invullen in pixels (px) of procenten (%).
Border
Ook kun je een div een mooi randje geven. De 1px staat voor de dikte van de rand. Het black staat natuurlijk voor de kleur, en solid gaat over de stijl van de border. Je kunt kiezen uit de volgende stijlen:
- dotted
- dashed
- solid
- double
- groove
- ridge
- inset
- outset
In plaats van border kun je ook border-top gebruiken als je alleen aan de bovenkant een rand wilt.
Je kunt in plaats van border-top ook de volgende attributen gebruiken:
- border-right
- border-left
- border-top
- border-bottom
advertentie
Margin & padding
Met margin en padding kun je de witruimte's om en in een element bepalen. Hoe dit moet, lees je in het artikel Margin & padding met CSS.
Overige attributen
Natuurlijk kun je ook de attributen die bijvoorbeeld de achtergrondkleur of de tekstopmaak regelen gebruiken om divs op te maken. Deze attributen zijn allemaal uitgelegd in de basiscursus CSS.
