Hieronder een lijstje met veelgebruikte attributen, wat ze doen en een paar voorbeelden:
'background' (de nieuwe versie van background-image en background-color samen)
Background bepaald je achtergrond. Dit kan van je hele pagina zijn, maarb bijvoorbeeld ook van een div, input, textarea of tabel.
Enkele waardes die het kan hebben is:
background: #000000;
background: url('images/background.jpg') no-repeat;
background: #000000 url('images/background.jpg') repeat-y center;
'color'
Color is de kleur van de tekst. ALLEEN DE TEKST!
Je kunt deze gebruiken in je body, maar ook in een link, of als je een
speciale div hebt waar je een speciale kleur wilt.
Enkele waardes die het kan hebben is:
color: #ff0000;
color: # rgb(0,0,255);
'font-size'
Hiermee pas je het lettertype formaat aan. Dit
heeft effect op alle tekst, in dit geval ook links, in heb object waar
je de font-size aan meegeeft
Enkele waardes die het kan hebben is:
font-size: 13px;
font-size: larger;
font-size: 10em;
'width'
De breedte van een object, zoals bijvoorbeeld een plaatje, een div of een tabel.
Enkele waardes die het kan hebben is:
width: 100px;
width: 50%;
'height'
De hoogte van een object, zoals bijvoorbeeld een plaatje, een div of een tabel.
Enkele waardes die het kan hebben is:
height: 100px;
height: 50%;
'border'
Met border kun je een omlijning om een object heen zetten, zoals bijvoorbeeld een plaatje, een div of een tabel.
Enkele waardes die het kan hebben is:
border: 10px;
border: 1px black;
border: 1px solid #FFFFFF;