Cascading Style Sheets/Inline CSS

Uit Wikibooks
Ga naar: navigatie, zoek

CSS

CSS toepassen

  1. Inline CSS
  2. Embedded CSS
  3. Linked CSS

Opmaak

  1. Tekst opmaak
  2. Alinea opmaak
  3. Kleur
  4. Borders

Appendices

  1. Properties
  2. Zie ook


Wat is inline CSS?[bewerken]

Inline CSS betekent dat we CSS code gaan plaatsen in een HTML element zelf. We gebruiken hiervoor de attribuut style: hierin plaatsen we namelijk de code die we willen toepassen op het element. Deze manier om CSS toe te passen is de slechtste van de drie mogelijkheden. Het is enkel aan te raden om code te testen of in uitzonderlijke gevallen. In ieder geval probeer inline CSS tot een minimum te beperken.

Voorbeeld[bewerken]

Zoals al werd gezegd heb je het attribuut style hiervoor nodig.

HTML-code: CSS via de attribuut style

<p style="color:blue;">Deze tekst staat in het blauw.</p>

Resultaat:

Deze tekst staat in het blauw.

Eén van de nadelen in inline CSS is dat wanneer je dit toepast op één element, dit niet geldt voor de andere. Dus wanneer je de tekst van meerdere alinea's in het blauw wilt dan moet je dat per alinea regelen. In dat geval is embedded CSS beter.

Informatie afkomstig van http://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.