Het gebruik van meerdere CSS klassen op een element. De gebruikte CSS styles zijn hieronder in de broncode te vinden. Merk op dat de interpretatie in IE6 niet helemaal juist is.
Deze zin zal klein en schuin gedrukt zijn.
Deze zin is groot en dik gedrukt.
Deze zin is groot en dik gedrukt. Bovendien zijn het allemaal hoofdletters.
Deze zin is klein en dik gedrukt.
Als bovenstaande regels goed weergegeven worden, ondersteund je browser CSS2.
Broncode
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in
/home/jorendew/phphulp/inc/class.ubb.php on line
100
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in
/home/jorendew/phphulp/inc/class.ubb.php on line
106
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in
/home/jorendew/phphulp/inc/class.ubb.php on line
112
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in
/home/jorendew/phphulp/inc/class.ubb.php on line
119
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in
/home/jorendew/phphulp/inc/class.ubb.php on line
120
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in
/home/jorendew/phphulp/inc/class.ubb.php on line
121
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in
/home/jorendew/phphulp/inc/class.ubb.php on line
199
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in
/home/jorendew/phphulp/inc/class.ubb.php on line
287
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in
/home/jorendew/phphulp/inc/class.ubb.php on line
288
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in
/home/jorendew/phphulp/inc/class.ubb.php on line
289
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in
/home/jorendew/phphulp/inc/class.ubb.php on line
290
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in
/home/jorendew/phphulp/inc/class.ubb.php on line
291
Code1
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
<?php
ini_set('display_errors', 'On');
error_reporting(E_ALL);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHPtuts.nl - PHP Snippets - Meerdere klassen in CSS</title>
<link rel="stylesheet" href="../../styles/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../styles/ubb.css" type="text/css" media="screen" />
<style type="text/css">
p.italic { font-style: italic; }
p.bold { font-weight: bold; }
p.groot { font-size: 130%; }
p.klein { font-size: 80%; }
p.groot.italic { font-variant: small-caps; }
</style>
</head>
<body>
<div id="wrap">
<p class="none small align-right"><a href="/codeSnippets/"><-- Terug naar Snippets</a></p>
<h1>Meerdere klassen in CSS</h1>
<div id="info">
<p>PHP versie: n.v.t</p>
<p>Javascript: n.v.t</p>
</div>
<p>Het gebruik van meerdere CSS klassen op een element. De gebruikte CSS styles zijn hieronder in de broncode te vinden. Merk op dat de interpretatie in IE6 niet helemaal juist is.</p>
<p class="klein italic">Deze zin zal klein en schuin gedrukt zijn.</p>
<p class="groot bold">Deze zin is groot en dik gedrukt.</p>
<p class="groot italic">Deze zin is groot en dik gedrukt. Bovendien zijn het allemaal hoofdletters.</p>
<p class="klein bold">Deze zin is klein en dik gedrukt.</p>
<p>Als bovenstaande regels goed weergegeven worden, ondersteund je browser CSS2.</p>
<?php
// Weergeven broncode
define('FILE', __FILE__);
require_once('../broncode.php');
?>
</div>
<!-- Google analytics (geen onderdeel van script) -->
<script type="text/javascript" src="/inc/ga1.js"></script>
<script type="text/javascript" src="/inc/ga2.js"></script>
</body>
</html>