Cascade Style Sheet Beispiel: (Alle Elemente von Cascading Stylesheets Level 2 erklärt)
|
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text |
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text |
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text |
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text |
| padding-bottom:50px | padding-left:50px | padding-right:50px | padding-top:50px |
<html><head>
<style type="text/css">
<!--
.a { padding-bottom:50px; border: solid red }
.b { padding-left:50px; border: solid red }
.c { padding-right:50px; border: solid red }
.d { padding-top:50px; border: solid red }
-->
</style>
</head>
<body>
<table width="600" border="1" align="center">
<tr><td width="150">
<p class="a">
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
</td>
<td width="150">
<p class="b">
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p></td>
<td width="150">
<p class="c">
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p></td>
<td width="150">
<p class="d">
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p></td>
</tr>
<tr>
<td width="150">padding-bottom:50px</td>
<td width="150">padding-left:50px</td>
<td width="150">padding-right:50px</td>
<td width="150">padding-top:50px</td>
</tr>
</table>
</body></html>
|