7 Veelgebruikte attributen

» Inhoudstafel
7. De attributen met uitleg

7.1 De attributen met uitleg

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;

 

Deze cursus is afkomstig van Cursus CSS
Het is verboden zonder schriftelijke toestemming deze pagina in welke vorm dan ook te publiceren.