Skip to main content
HTML tags in Liquid provide ways to generate and manipulate HTML content dynamically.

​
style

Allows for the inclusion of CSS directly in a template. 
{% style %}
  css_content
{% endstyle %}
​
css_content
string
The CSS content to include.
{% style %}
  .highlighted {
    background-color: yellow;
    padding: 5px;
    font-weight: bold;
  }
{% endstyle %}

<span class="highlighted">This text is highlighted</span>

<style>
  .highlighted {
    background-color: yellow;
    padding: 5px;
    font-weight: bold;
  }
</style>

<span class="highlighted">This text is highlighted</span>