Themenu allows to choose between the following two CSS stylesheets:
This stylesheet contains styles which are intended to reflect the purpose of each XHTML element. This stylesheet makes it easy editing XHTML documents in a validating XML Editor such as XXE.
Note that in the "XHTML 5.0" configuration, the " " stylesheet dynamically applies the
style attribute to table elements such as
td, etc. This counterbalances the fact that, in XHTML 5.0, all attributes influencing table rendering (
valign, etc) have been removed from table elements.
This stylesheet emulates (to a certain extent) how a Web browser typically renders an HTML page.
When this stylesheet has been selected, XXE will dynamically apply all the CSS styles found in
style elements and
link elements pointing to CSS stylesheets.
Sometimes XXE will fail to detect a change in how the XHTML document being edited should be styled. In such case, you'll have to reload the "not automatically trigger style changes:" stylesheet by reselecting this item in the menu. For example, the following changes will
Modify the textual content of a
div element containing a
style element having no
When XXE finds errors in the CSS styles it attempts to apply dynamically, it will not report these errors. Instead, it will log them in a special log called "User Styles". If you suspect that XXE has found errors in your CSS styles, you may want to view the content of this log by clicking the button in which is next to the status line found at the bottom of XXE's window and then select "User Styles" from the Category combobox.
If you often use
<div class="XXX"> and/or
<span class="YYY"> elements in your XHTML documents and want to see these elements properly styled using the
<link rel="stylesheet"> element found in the
head of your XHTML documents, you may want to make the " " stylesheet your default one. In order to do this, simply select this stylesheet from the menu and then select → → .
Both the above CSS stylesheets support ruby, form controls and embedded content (
video, etc). However in the case of the
input form control, some attributes such as
minlength, etc, are not yet supported.
The "Emulate Web Browser" stylesheet renders the following elements the same way as in a Web browser, at the expense of a less convenient editing:
select form control and most embedded content elements.
A demo document showing these features is available in
 Only the
style attribute and only the table elements, unlike the "Emulate Web Browser" stylesheet.
 Or simply right-click on the status line.