Page tree
Skip to end of metadata
Go to start of metadata

This element provides the information which is to be stored between the <STYLE> tags, between the <HEAD> tags of the Ephox EditLive! document. The element has no attributes.

Configuration Element Tree Structure

<editLive>
<document>
<html>
<head>
<style>

<editLive>
  <document>
    <html>
      <head>
        <style>
          <!--style configuration settings-->
        </style>
      </head>
      ....
    </html>
  </document>
  ...
</editLive>

Example

The following example demonstrates how to specify an embedded style sheet for use with EditLive!. The style sheet defined sets the font size to 14pt and the font to Arial for the <BODY> of the document.

<editLive>
  <document>
    <html>
      <head>
        <style>
          p {font-size:14pt}
          body {font-family:Arial}
        </style>
        ...
      </head>
      ...
    </html>
  </document>
  ...
</editLive> 

Remarks

Conflicts between externally linked style sheets and embedded style sheets in EditLive! are resolved according to the CSS precedence rules. Those rules state that any styles defined in embedded style sheets take precedence over those defined in an external style sheet. Thus, styles defined in the <style> element of the EditLive! configuration file have precedence over those defined in an external style sheet linked to via the <link> element within the configuration file.

The <style> element can appear only once within the <head> element.

  • No labels