<html>
<head>
<style>
body {background-color:green;}
h1 {color:yellow;}
p {color:white;}
</style>
</head>
<body>
<h1>CSS voorbeeld:</h1>
<p>Witte tekst op een groene achtergrond! (Interne CSS)</p>
<p style="border:1px solid silver; padding:10px; background-color:purple;">
Witte tekst op een paarse achtergrond! (Inline CSS)</p>
</body>
</html>
Element: | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
<style> | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Attribuut | Waarde | Beschrijving |
---|---|---|---|
media | screen tty tv projection handheld braille aural all |
Met het media attribuut kan je aangeven voor welke media de stijlregels in het stijlblok bedoeld zijn. | |
![]() |
scoped | scoped | Met het scoped attribuut kan je stijlen definiëren voor een bepaald gedeelte van een document. |
type | text/css | Het type attribuut wordt gebruikt om het mediatype (MIME) van het stijlblok te definiëren. |
![]() |
De <style> tag ondersteunt ook de Event attributen in HTML. |
![]() |
De <style> tag ondersteunt ook de Globale attributen in HTML. |
![]() |
Ad blocker gedetecteerd! |
Ons website heeft gedetecteerd dat u een Ad blocker gebruikt. Codecenter.nl is gratis, wij blijven overeind door het weergeven van advertenties en u kunt ons daarbij helpen. Het wordt aanbevolen om uw Ad blocker uit te schakelen zodat u verder gebruik kunt maken van codecenter.nl, alvast bedankt. |