Utilities

HTML tag styling

ECL provides an easy way to style some default HTML tags (like links or paragraphs).


Note that this approach comes with limitations (no possible variant for elements, limited number of HTML tags, ...), and should be considered as an edge case. The recommended way to use ECL is still to apply the corresponding CSS classes where needed.

Styled tags

Here is the list of HTML tags available for automatic styling:

  • <a>
  • <button>
  • <h1> to <h5>
  • <p>
  • <ul>, <ol>, <li>
  • <dl>, <dt>, <dd>
  • <table>, <thead>, <th>, <tr>, <td>
  • <blockquote>, <cite>

Optional CSS

To activate the styling of HTML tags, an optional CSS file called ecl-ec-default is available in the optional styles folder. Additionnaly, a corresponding print css called ecl-ec-default-print should be used to take care of the print display.

Namespace

To prevent CSS conflicts, these styles are using a namespace. So the HTML code to be styled has to be put inside a container with the CSS class .ecl.