aboutsummaryrefslogtreecommitdiff
path: root/files/nl/web/html/global_attributes/style/index.html
blob: 95d2af793f378350c410baad5f621933ab835064 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
---
title: style
slug: Web/HTML/Global_attributes/style
tags:
  - Algemene attributen
  - HTML
  - Naslagwerk
  - Referentie
translation_of: Web/HTML/Global_attributes/style
---
<div>{{HTMLSidebar("Global_attributes")}}</div>

<p>Het <a href="/nl/docs/Web/HTML/Global_attributes">algemene attribuut</a> <strong>style</strong> bevat stijldeclaraties van CSS die worden toegepast op het element. Het wordt echter wel aangeraden om de stijlen te definiëren in een apart bestand of aparte bestanden. Dit attribuut en het {{HTMLElement("style")}}-element hebben voornamelijk het doel om een stijl op een snelle manier toe te passen, bijvoorbeeld voor testdoeleinden.</p>

<div class="note">
<p><strong>Opmerking voor gebruik: </strong>Dit attribuut moet niet worden gebruikt voor het overbrengen van semantische informatie. Zelfs als alle stijlen zijn verwijderd, moet een pagina semantisch correct zijn. Het attribuut dient ook niet gebruikt te worden voor het verbergen van irrelevante informatie; dit moet gedaan worden met het <strong><a href="/nl/docs/Web/HTML/Global_attributes/hidden">hidden</a></strong>-attribuut.</p>
</div>

<h2 id="Specificaties">Specificaties</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specificatie</th>
   <th scope="col">Status</th>
   <th scope="col">Commentaar</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', "dom.html#the-style-attribute", "style")}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Geen verandering vanaf het nieuwste snapshot, {{SpecName('HTML5.1')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', "dom.html#the-style-attribute", "style")}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td>Snapshot van {{SpecName('HTML WHATWG')}}, geen verandering vanaf {{SpecName('HTML5 W3C')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', "dom.html#the-style-attribute", "style")}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Snapshot van {{SpecName('HTML WHATWG')}}. Vanaf {{SpecName("HTML4.01")}}, is het nu echt een algemeen attribuut.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'present/styles.html#h-14.2.2', 'style')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td>Ondersteund op alle elementen, behalve {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, en {{HTMLElement("title")}}.</td>
  </tr>
  <tr>
   <td>{{SpecName("CSS3 Style", "", "")}}</td>
   <td>{{Spec2("CSS3 Style")}}</td>
   <td>Definineert de inhoud van het <code>style</code>-attribuut.</td>
  </tr>
 </tbody>
</table>

<h2 id="Browsercompatibiliteit">Browsercompatibiliteit</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Functie</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Basissupport</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Functie</th>
   <th>Android</th>
   <th>Chrome voor Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basissupport</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Zie_ook">Zie ook</h2>

<ul>
 <li>Alle <a href="/en-US/docs/Web/HTML/Global_attributes">algemene attributen</a>.</li>
</ul>