Cascading Style Sheets/Inline CSS

Uit Wikibooks

CSS

CSS toepassen
  1. Inline CSS
  2. Embedded CSS
  3. Linked CSS
Opmaak
  1. Tekstopmaak
  2. Alineaopmaak
  3. Kleur
  4. Borders
  5. Nieuw in CSS3
Appendices
  1. Properties
  2. Zie ook

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.

<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 https://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.