Sideway
output.to from Sideway



Draft for Information Only

Content

CSS Knowledge Base ref. CSS 2.1
 Reset of Style in HTML to UA Default
 Example Using Embedded Object
  Inline Block
  Embeded <Object> Block
 Example Using Embedded Iframe

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.

  1. 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.
  2. Embedded all tagged elements in an object
  3. 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:
Apple Orange
125 250

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:

not support

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:
Apple Orange
125 250

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
close

References

  1. http://www.w3.org/TR/1999/REC-html401-1999, 1999, HTML 4.01 Specification: W3C Recommendation, updated 24 December 1999
close

ID: 180200040 Last Updated: 2018/2/26 Revision: Ref:

IMAGE

Home (5)

Business

Management

HBR (3)

Information

Recreation

Hobbies (7)

Culture

Chinese (1097)

English (336)

Reference (66)

Computer

Hardware (149)

Software

Application (187)

Digitization (24)

Numeric (19)

Programming

Web (648)new

CSS (SC)

ASP.NET (SC)

Regular Expression (SC)

HTML

Knowledge Base

Common Color (SC)

Html Entity (Unicode) (SC)

Html 401 Special (SC)

OS (389)

MS Windows

Windows10 (SC)

.NET Framework (SC)

DeskTop (7)

Knowledge

Mathematics

Formulas (8)

Number Theory (206)

Algebra (20)

Trigonometry (18)

Geometry (18)

Calculus (67)

Complex Analysis (21)

Engineering

Tables (8)

Mechanical

Mechanics (1)

Rigid Bodies

Statics (92)

Dynamics (37)

Fluid (5)

Fluid Kinematics (5)

Control

Process Control (1)

Acoustics (19)

FiniteElement (2)

Biology (1)

Geography (1)


Copyright © 2000-2019 Sideway . All rights reserved Disclaimers last modified on 10 Feb 2019