CSS Knowledge Base ref. CSS 2.1
Reset of Style in HTML to UA Default
Sometimes, the css properties of element modified by author may be needed to reset to the default values of a UA. Some possible solutions are.
- Set all UA style rules as a new class and assign the new class property to all tagged elements that are to be reset to UA default styles.
- Embedded all tagged elements in an object
- Embedded all tagged elements in an iframe.
Example Using Embedded Object
Inline Block
Plain tag elements are embedded in a <div> block.
HTML Document Input:<!--For html 4 compliant, presented here are included as remarks
<style>#test_a {background-color:red;}</style>
Rendering rules are placed on an embedded style sheet on the fly-->
<table border="1" align="center" width="250"
style="border:1px solid black;-spacing:2px">
<tr>
<td class="test_a">Apple</td>
<td>Orange</td>
</tr>
<tr>
<td>125</td>
<td>250</td>
</tr>
</table>
HTML Web Page In-line Output:
Embeded <Object> Block
Plain tag elements are embedded in an embedded object through a Data URLs
HTML Document Input:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sample Page</title>
</head>
<body>
<table border="1" align="center" width="250"
style="border:1px solid black;-spacing:2px">
<tr>
<td class="test_a">Apple</td>
<td>Orange</td>
</tr>
<tr>
<td>125</td>
<td>250</td>
</tr>
</table>
</body>
</html>
HTML Web Page Embedded Output:
Example Using Embedded Iframe
Plain tag elements are embedded in a <div> block.
HTML Document Input:<!--For html 4 compliant, presented here are included as remarks
<style>#test_a {background-color:red;}</style>
Rendering rules are placed on an embedded style sheet on the fly-->
<table border="1" align="center" width="250"
style="border:1px solid black;-spacing:2px">
<tr>
<td class="test_a">Apple</td>
<td>Orange</td>
</tr>
<tr>
<td>125</td>
<td>250</td>
</tr>
</table>
HTML Web Page In-line Output:
Plain tag elements are embedded in an embedded iframe through a Data
URLs
HTML Document Input:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sample Page</title>
</head>
<body>
<table border="1" align="center" width="250"
style="border:1px solid black;-spacing:2px">
<tr>
<td class="test_a">Apple</td>
<td>Orange</td>
</tr>
<tr>
<td>125</td>
<td>250</td>
</tr>
</table>
</body>
</html>
HTML Web Page Embedded Output:
Sideway
BICK BLOG from Sideway
